now, if you upload 9 photos, you have to send them to the server nine times, and the server has to wait for all of them to be uploaded before it can be processed. Is there a way for Mini Program to upload more than one picture at a time?
now, if you upload 9 photos, you have to send them to the server nine times, and the server has to wait for all of them to be uploaded before it can be processed. Is there a way for Mini Program to upload more than one picture at a time?
it is obvious that Wechat only provides one way to upload a picture, and it is uploaded by a picture.
but the principle of uploading multiple images can be multiple uploads of one picture.
you can use Promise.all to encapsulate uploaded tasks. Return to
var files=[1,2,3]
var uploads=[];
for(var i=0;i<files.length;iPP){
uploads[i]=new Promise((resolve,reject)=>{
wx.uploadFile({
url: 'https://example.weixin.qq.com/upload', //
filePath: files[i],
success: function(res){
resolve(res)
}
})
})
}
Promise.all(uploads).then((result)=>{
resolve(result)
}) element: (select picture)
chooseImgHandler: function (e) {
var that = this;
that.count_img = count_img; //
if (that.isGoing) return;
that.isGoing = true;
if (count_img) {
wx.chooseImage({
count: count_img,
sizeType: ['compressed'],
sourceType: ['album', 'camera'],
success: function (res) {
var tempFilePaths = res.tempFilePaths;
wx.showLoading();
that.uploadimg(tempFilePaths);
},
fail: function () {
// App.serverErrorTip("...");
that.isGoing = false;
}
})
} else {
App.serverErrorTip('~');
that.isClicking = false;
}},
/ / after getting the temporary file path array of the picture selected by the user, upload it to your own server
/ / upload multiple images
uploadimg: function (data) {
var that = this,
zero = 0,
i = data.i ? data.i : zero,
success = data.success ? data.success : zero,
fail = data.fail ? data.fail : zero,
count_img = that.count_img;
wx.uploadFile({
url: '',
filePath: data[i],
name: 'file',
formData: {},
success: function (resp) {
if (resp.statusCode == 200) {
if (!resp.data || resp.data.indexOf("errcode") != -1) {
var msg = "";
try {
var json = eval("(" + resp.data + ")");
msg = ':' + json.errmsg;
} catch (e) {
msg = ''
}
that.wetoast.toast({
title: msg,
duration: 3000
})
failPP;
wx.hideLoading();
} else {
//
//
that.count_img = count_img;
if (i == (data.length - 1)) {
wx.hideLoading();
}
}
} else {
if (i == (data.length - 1)) {
wx.hideLoading();
}
App.serverErrorTip('');
}
},
fail: function (res) {
failPP;
if (i == (data.length - 1)) {
wx.hideLoading();
}
},
complete: function () {
iPP;
if (i == data.length) { //
console.log('');
console.log(':' + success + " :" + fail);
that.isClicking = false;
} else {//
data.i = i;
data.success = success;
data.fail = fail;
that.uploadimg(data);
}
}
});},
I use
let img_upload = (url, path) = > {
return new Promise ((resolve, rej) = > {
wx.uploadFile({
url: url,
filePath: path,
name: 'filename',
success: function (res) { resolve(res) },
fail: function () {
wx.showToast({
title: '',
icon: 'none'
})
}
})})
}
use
img (). Then ((res) = > {
res.tempFilePaths.forEach(el=> {
}})
how do you do it
what about multiple formData submissions? (upload N pictures and add N records to the database)
do you want to know whether Mini Program and Mini Program, whose users enter from a specific channel, have such a function or method ...
some time ago, in the login state, only openid, needs to use the key now. Can you take out the sessionkey? in the current login state ...
<view class= a > <text> Hello {{name}}!< text> <block wx:for= {{datas}} wx:key= u > <button data-index= {{index}} class= {{index==id?classname:""}} data-m= {{t==index}} bindtap="changeName...
Program api wx.getBackgroundAudioManager () problem my code js code is as follows < button> <view> {{time}} < view> The code above has no problem with the development tool, but I update ip6p and ip6sp time with iphone real m...
app.js file < hr > onLaunch: function () { console.log( app-onLaunch ) this.getUserInfo(); }, onShow:function(){ console.log( app-onShow ) }, getUserInfo: function (callBack) { let that = this; if (this.glo...
after the wx.getUserInfo of Mini Program api is successfully obtained, the official encryptedData, document is returned to show that the decrypted data of encryptedData is . { "openId": "OPENID", "nickName": "N...
for the business needs of the company, the details section of a page of Mini Program is the html tag edited by the rich text editor returned from the API, and the image matches the text. I originally thought that Mini Program did not recognize the html t...
< H2 > 1. Problem description < H2 > when the page is initially opened, the input box is automatically focused, and the event is automatically triggered for business processing after entering n digits. The result is displayed in the form of a pop-up b...
can WeChat Mini Programs store a large amount of data locally, about 2W pieces of content? Can be stored in sqlite? ...
for example, how can Mini Program search nearby ibeacon? ibeacon uuid wx.startBeaconDiscovery({ uuids: [], success: (res) => { wx.onBeaconUpdate((beacons) => {}) } }) can I search for a nearby device through Bluetooth api ...
Component({ properties: {} methods: { onTap: function(){ var myEventDetail = {} detail var myEventOption = {} this.triggerEvent( myevent , myEventDetail, myEventOption) } } }) this is a custom event given in the ...
Mini Program is not allowed to write customer service buttons in the map component, but there are requirements for the project, ask for help! ...
because it is a form, I need to click to add a form, so I may have multiple values for each form, so I created a nickname_1,nickname_2 and the like to render multiple forms through keys, so I need to write it this way ...
as shown in the figure, the whole list is looped out by wx:for. You want to click on the small picture on the right (the small picture is also looped out by wx:for) to add a border color to the picture, and the big image on the left is changed to the...
The code is simple, as follows: wx.request({ url: https: ...... , method: GET , header: { content-type : application x-www-form-urlencoded }, success: function (res) { wx.showToast({ title: "success" ...
as shown in the figure above, a string is sent back in the background. How to highlight the number? ...
for example, the original local directory of Mini Program is: E: mp aaa then I changed aaa to bbb when I opened the developer tool of Wechat and prompted "the entry app.json file was not found, or the file failed to read, please check and r...
it is in the middle on the Android, but it is crooked with the Apple 6 test. It doesn t work with either of the following. display: flex; justify-content: center; align-items: center; text-align: center; ...
wx.login can get openid and session_key wx.getUserInfo can get basic userInfo and encrypted signature data Wechat s official login process is to first obtain the openid from wx.login and store it in the database, and then wx.getUserInfo to obtain th...
as shown in the figure, the first text: star is written, and then the loop adds text, without styling, but automatically wraps the line. You can see that the width of the highlighted parent element is normal, including the width of all text. textcss ...