|
|
@@ -29,27 +29,57 @@ document.getElementById('headImage').addEventListener('tap', function() {
|
|
29
|
29
|
}
|
|
30
|
30
|
})
|
|
31
|
31
|
} else if (typeof window !== 'undefined' && window.File && window.FileReader && window.FileList && window.Blob) {
|
|
32
|
|
- // 浏览器环境
|
|
|
32
|
+
|
|
33
|
33
|
var input = document.createElement('input');
|
|
34
|
|
- input.type = 'file';
|
|
35
|
|
- input.accept = 'image/*';
|
|
36
|
|
- input.onchange = function(e) {
|
|
37
|
|
- var file = e.target.files[0];
|
|
38
|
|
- if (file) {
|
|
39
|
|
- var reader = new FileReader();
|
|
40
|
|
- reader.onload = function(e) {
|
|
41
|
|
- var base64 = e.target.result;
|
|
42
|
|
- // 处理Base64图片数据
|
|
43
|
|
- setHtml('', base64);
|
|
44
|
|
- fileArr.push(base64);
|
|
45
|
|
- if (imgUpLength == fileArr.length) {
|
|
46
|
|
- upFile();
|
|
47
|
|
- }
|
|
48
|
|
- };
|
|
49
|
|
- reader.readAsDataURL(file);
|
|
50
|
|
- }
|
|
51
|
|
- };
|
|
52
|
|
- input.click();
|
|
|
34
|
+ input.type = 'file';
|
|
|
35
|
+ input.accept = 'image/*';
|
|
|
36
|
+ input.multiple = true; // 允许选择多张图片
|
|
|
37
|
+ input.capture = 'camera';
|
|
|
38
|
+
|
|
|
39
|
+ input.onchange = function(e) {
|
|
|
40
|
+ var files = e.target.files;
|
|
|
41
|
+
|
|
|
42
|
+ if (files.length > 0) {
|
|
|
43
|
+ var promises = [];
|
|
|
44
|
+
|
|
|
45
|
+ for (var i = 0; i < files.length; i++) {
|
|
|
46
|
+ var file = files[i];
|
|
|
47
|
+ var reader = new FileReader();
|
|
|
48
|
+
|
|
|
49
|
+ var promise = new Promise(function(resolve, reject) {
|
|
|
50
|
+ reader.onload = function(e) {
|
|
|
51
|
+ var base64 = e.target.result;
|
|
|
52
|
+ resolve({
|
|
|
53
|
+ base64
|
|
|
54
|
+ });
|
|
|
55
|
+ };
|
|
|
56
|
+ reader.onerror = function(e) {
|
|
|
57
|
+ reject(e);
|
|
|
58
|
+ };
|
|
|
59
|
+ reader.readAsDataURL(file);
|
|
|
60
|
+ });
|
|
|
61
|
+
|
|
|
62
|
+ promises.push(promise);
|
|
|
63
|
+ }
|
|
|
64
|
+
|
|
|
65
|
+ Promise.all(promises).then(function(res) {
|
|
|
66
|
+ for (var info of res) {
|
|
|
67
|
+ if (info.base64) {
|
|
|
68
|
+ setHtml(info.base64, info.base64);
|
|
|
69
|
+ fileArr.push(info.base64);
|
|
|
70
|
+
|
|
|
71
|
+ }
|
|
|
72
|
+
|
|
|
73
|
+ }
|
|
|
74
|
+
|
|
|
75
|
+ upFile();
|
|
|
76
|
+ }).catch(function(error) {
|
|
|
77
|
+ console.error('读取文件失败:', error);
|
|
|
78
|
+ });
|
|
|
79
|
+ }
|
|
|
80
|
+ };
|
|
|
81
|
+
|
|
|
82
|
+ input.click();
|
|
53
|
83
|
}
|
|
54
|
84
|
}, false);
|
|
55
|
85
|
// 拍照获取图片
|
|
|
@@ -122,6 +152,8 @@ $("#imgs").on("tap", ".deleteBtn", function() {
|
|
122
|
152
|
})
|
|
123
|
153
|
|
|
124
|
154
|
function upFile() {
|
|
|
155
|
+
|
|
|
156
|
+ console.log(fileArr, 'fileArr')
|
|
125
|
157
|
mui.ajax(huayi.config.callcenter_url + '/ApplicationsVersion/UploadBase64', {
|
|
126
|
158
|
data: {
|
|
127
|
159
|
"dataurl": fileArr
|
|
|
@@ -136,16 +168,16 @@ function upFile() {
|
|
136
|
168
|
$("#imgs li").eq(Number(imgsLength)).attr("imgId", data.acs[i].F_Id)
|
|
137
|
169
|
imgsLength++;
|
|
138
|
170
|
}
|
|
139
|
|
- mui.alert("图片上传成功");
|
|
140
|
|
- plus.nativeUI.closeWaiting();
|
|
|
171
|
+ mui.toast("图片上传成功");
|
|
|
172
|
+ // plus.nativeUI.closeWaiting();
|
|
141
|
173
|
} else {
|
|
142
|
174
|
mui.alert("上传失败");
|
|
143
|
|
- plus.nativeUI.closeWaiting();
|
|
|
175
|
+ //plus.nativeUI.closeWaiting();
|
|
144
|
176
|
}
|
|
145
|
177
|
},
|
|
146
|
178
|
error: function(xhr, type, errorThrown) {
|
|
147
|
179
|
mui.alert(errorThrown);
|
|
148
|
|
- plus.nativeUI.closeWaiting();
|
|
|
180
|
+ // plus.nativeUI.closeWaiting();
|
|
149
|
181
|
}
|
|
150
|
182
|
});
|
|
151
|
183
|
}
|
|
|
@@ -190,69 +222,6 @@ function appendFile(path) {
|
|
190
|
222
|
|
|
191
|
223
|
}
|
|
192
|
224
|
|
|
193
|
|
-function appendFileH5(path) {
|
|
194
|
|
-////fileArr=[]
|
|
195
|
|
-// var bitmap = new plus.nativeObj.Bitmap("test");
|
|
196
|
|
-// // 从本地加载Bitmap图片
|
|
197
|
|
-// bitmap.load(path,function(){
|
|
198
|
|
-// var base64 = bitmap.toBase64Data()
|
|
199
|
|
-// var img = new Image();
|
|
200
|
|
-// img .crossOrigin = "Anonymous";
|
|
201
|
|
-// img.src = path; // 传过来的图片路径在这里用。
|
|
202
|
|
-// img.onload = function() {
|
|
203
|
|
-// var that = this;
|
|
204
|
|
-// //生成比例
|
|
205
|
|
-// var w = that.width,
|
|
206
|
|
-// h = that.height,
|
|
207
|
|
-// scale = w / h;
|
|
208
|
|
-// w = 480 || w; //480 你想压缩到多大，改这里
|
|
209
|
|
-// h = w / scale;
|
|
210
|
|
-// //生成canvas
|
|
211
|
|
-// var canvas = document.createElement('canvas');
|
|
212
|
|
-// var ctx = canvas.getContext('2d');
|
|
213
|
|
-// $(canvas).attr({
|
|
214
|
|
-// width: w,
|
|
215
|
|
-// height: h
|
|
216
|
|
-// });
|
|
217
|
|
-// ctx.drawImage(that, 0, 0, w, h);
|
|
218
|
|
-// var base64 = canvas.toDataURL('image/jpeg', 1 || 0.8); //1最清晰，越低越模糊。有一点不清楚这里明明设置的是jpeg。弹出 base64 开头的一段 data：image/png;却是png。哎开心就好，开心就好
|
|
219
|
|
-// f1 = base64; // 把base64数据丢过去，上传要用。
|
|
220
|
|
-// setHtml(path, f1);
|
|
221
|
|
-// fileArr.push(f1);
|
|
222
|
|
-// if (imgUpLength == fileArr.length) {
|
|
223
|
|
-// upFile()
|
|
224
|
|
-// }
|
|
225
|
|
-// }
|
|
226
|
|
-// },function(e){
|
|
227
|
|
-// console.log('加载图片失败：'+JSON.stringify(e));
|
|
228
|
|
-// });
|
|
229
|
|
-
|
|
230
|
|
-
|
|
231
|
|
- var img = new Image();
|
|
232
|
|
- img.crossOrigin = "Anonymous";
|
|
233
|
|
- img.src = path;
|
|
234
|
|
- img.onload = function() {
|
|
235
|
|
- var that = this;
|
|
236
|
|
- var w = that.width, h = that.height, scale = w / h;
|
|
237
|
|
- w = 480 || w;
|
|
238
|
|
- h = w / scale;
|
|
239
|
|
- var canvas = document.createElement('canvas');
|
|
240
|
|
- var ctx = canvas.getContext('2d');
|
|
241
|
|
- $(canvas).attr({ width: w, height: h });
|
|
242
|
|
- ctx.drawImage(that, 0, 0, w, h);
|
|
243
|
|
- var base64 = canvas.toDataURL('image/jpeg', 1 || 0.8);
|
|
244
|
|
- f1 = base64; // 把base64数据丢过去，上传要用。
|
|
245
|
|
- setHtml(path, f1);
|
|
246
|
|
- fileArr.push(f1);
|
|
247
|
|
- if (imgUpLength == fileArr.length) {
|
|
248
|
|
- upFile()
|
|
249
|
|
-
|
|
250
|
|
- }
|
|
251
|
|
- };
|
|
252
|
|
-
|
|
253
|
|
-
|
|
254
|
|
-}
|
|
255
|
|
-
|
|
256
|
225
|
// function appendFile(path) {
|
|
257
|
226
|
// var img = new Image();
|
|
258
|
227
|
// img.src = path; // 传过来的图片路径在这里用。
|
