问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
&!DOCTYPE html&
&meta charset="utf-8"&
&meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&
&title&&/title&
&script src="js/mui.min.js"&&/script&
&script src="js/jquery1.42.min.js"&&/script&
&script type="text/javascript" src="js/mui.min.js"&&/script&
&link href="css/mui.min.css" rel="stylesheet" /&
&script type="text/javascript" charset="utf-8"&
mui.init();
font-family: "Helvetica Neue", Helvetica, sans-
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: #E6E6E6;
&script type="text/javascript"&
var files = [];
var i = 1,
gentry = null,
var hl = null,
le = null,
// 监听DOMContentLoaded事件
document.addEventListener("DOMContentLoaded", function() {
// 获取DOM元素对象
hl = document.getElementById("history");
le = document.getElementById("empty");
}, false);
// 上传文件
function upload() {
if(files.length &= 0) {
plus.nativeUI.alert("没有添加上传文件！");
if(files.length & 2) {
f1 = files[0].
f1 = files[0].
f2 = files[1].
var wt = plus.nativeUI.showWaiting();
var url = 'http://demo./helloh5/uploader/upload.php';
//预期服务器范围的数据类型
var dataType = 'json';
//发送数据
var data = {
files1: f1,
files2: f2
$.post(url, data, success, dataType);
//成功响应的回调函数
var success = function(response) {
plus.nativeUI.closeWaiting();
if(response != null) {
alert("上传成功");
function getImage() {
var cmr = plus.camera.getCamera();
cmr.captureImage(function(p) {
plus.io.resolveLocalFileSystemURL(p, function(entry) {
if(files.length & 2) {
createItem(entry);
appendFile(p);
}, function(error) {
alert("Capture image failed: " + error.message);
filename: "file:///storage/sdcard0/DCIM/Camera/" + "ra/"
} //改变一下拍照的路径,名字
// 从相册添加文件
function appendByGallery() {
plus.gallery.pick(function(path) {
plus.io.resolveLocalFileSystemURL(path, function(entry) {
if(files.length & 2) {
createItem(entry);
appendFile(path);
// 添加文件
var index = 1;
function appendFile(path) {
var img = new Image();
img.onload = function() {
var that =
//生成比例
var w = that.width,
h = that.height,
scale = w /
w = 50 || //480
你想压缩到多大
//生成canvas
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
$(canvas).attr({
ctx.drawImage(that, 0, 0, w, h);
var base64 = canvas.toDataURL('image/jpeg', 1 || 0.8); //1z 表示图片质量，越低越模糊。
alert(base64);
files.push({
name: "file" + index,
pic: base64
}); // 把base64数据丢进数组，上传要用。
var pic = document.getElementById("x");
pic.src = base64; //这里丢到img 的 src 里面就能看到效果了
// 显示文件
function displayFile(li) {
var name = li.entry.
var suffix = name.substr(name.lastIndexOf('.'));
var url = "";
url = "examples/camera_image.html";
w = plus.webview.create(url, url, {
scrollIndicator: 'none',
scalable: true,
bounce: "all"
w.addEventListener("loaded", function() {
w.evalJS("loadMedia('" + li.entry.toLocalURL() + "')");
//w.evalJS( "loadMedia(\""+"http://localhost:13131/_doc/camera/"+name+"\")" );
}, false);
w.addEventListener("close", function() {
}, false);
w.show("slide-in-right", 300);
// 添加播放项
function createItem(entry) {
var li = document.createElement("li");
li.className = "ditem";
li.innerHTML = '&span class="iplay"&&font class="aname"&&/font&&br/&&font class="ainf"&&/font&&/span&';
li.setAttribute("onclick", "displayFile(this);");
hl.insertBefore(li, le.nextSibling);
li.querySelector(".aname").innerText = entry.
li.entry =
// 设置空项不可见
le.style.display = "none";
// 清除历史记录
function cleanHistory() {
hl.innerHTML = '&li id="empty" class="ditem-empty"&暂无照片&/li&';
le = document.getElementById("empty");
files.splice(0, files.length);
&div id="dcontent" class="long-dcontent"&
&table class="long-table"&
&span style="margin: 0 0 10px 0color: #6c6c6c;"&照片&/span&
&td style="background: #text-align:color:#9B9B9B;width:40%"&
&div class="button button-select pz" onclick="getImage()"&&img src="../images/pz.png" style="margin: 10px 20 " /&拍摄照片&/div&
&td style="width:10%"&&/td&
&td style="background: #text-align:color:#9B9B9B;width:40%"&
&div class="button button-select pz" onclick="appendByGallery()"&&img src="../images/pz.png" style="margin: 10px 20 " /&选择照片&/div&
&p class="heading" style="color: #6c6c6c;"&照片预览：&/p&
&div id="history" class="dlist" style="text-align:"&
&li id="empty" class="ditem-empty" style="list-style-type: "&暂无照片&/li&
&div class="b-waring" onclick="cleanHistory();" style="border: 1px solid #999999;margin: 10padding:10px 0 ;text-align:"&清空照片&/div&
&div class="button long-btn" onclick="upload()" style="border: 1px solid #999999;margin: 10padding:10px 0 ;text-align:"&上传&/div&
&img src="" id="x" /&
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
这样可以在浏览器生成图片的地址提前预览 不需要等到服务器返回地址
function getObjectURL(file) {
if (window.createObjectURL != undefined) { // ie
url = window.createObjectURL(file);
} else if (window.URL != undefined) { // 火狐
url = window.URL.createObjectURL(file);
} else if (window.webkitURL != undefined) { // 谷歌
url = window.webkitURL.createObjectURL(file);
分享到微博？
你好！看起来你挺喜欢这个内容，但是你还没有注册帐号。 当你创建了帐号，我们能准确地追踪你关注的问题，在有新答案或内容的时候收到网页和邮件通知。还能直接向作者咨询更多细节。如果上面的内容有帮助，记得点赞 (????)? 表示感谢。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：