como muestra la imagen:
Para cargar imágenes, use la API oficial de uni.chooseImage. El número de conteos depende de sus propias necesidades. Solo podemos cargar hasta 9 imágenes.
uploadImgEvent(){ uni.chooseImage({ recuento: 10 - this.uploadImgsList.length, success: (res) => { this.uploadImgsList.unshift(...res.tempFiles.map(item => ({ picturePath: item .path }))); if(this.uploadImgsList.length == 10) this.uploadImgsList.pop(); } }); },
cargas(){ const _this = this; return Promise.all(_this.uploadImgsList.map(item=>_this.uploadImage(item.picturePath))).then(res=>{ return res.map(item=>({ fileName:item.fileName, filePath:item .url })) } ) }, uploadImage(url) { return new Promise(async (resolución, rechazo) => { uni.uploadFile({ url: esperar getUploadUrl(), //后台地址 filePath: url, nombre: ' archivo', éxito: (uploadFileRes) => { resolve(JSON.parse(uploadFileRes.data)); } })
})
},
Datos enviados a la posteridad
//提交
asincronizar enviarFlood(){ let photoList = esperar esto.subir(); }
Imprima photoList como se muestra en la figura:
El complemento LFile utilizado para cargar archivos https://ext.dcloud.net.cn/plugin?id=4109
Según el caso del sitio web oficial.
//Subir archivos adjuntos
uploadFile() { const that = this; if(that.imgUploadList.length >= 9){ this.$mHelper.toast('Subir 9 piezas como máximo') return; } that.$refs.lFile. upload ({ // #ifdef APP-PLUS currentWebview: that.$mp.page.$getAppWebview(), // #endif url: 'xxxxxx', //nombre de la dirección de la interfaz de carga de archivos adjuntos : 'file' }, }) ; },
aLowerCase()); },
isDocx(tipo){ return ['doc','docx'].includes(tipo.toLowerCase()); }, isXsls(tipo){ return ['xsls','xsl'].includes(tipo.toLowerCase()); }, isText(tipo){ return ['texto','txt'].includes(tipo.toLowerCase()); }, isFileType(tipo){ if(this.isImage(type)) devuelve 'imagen'; if(this.isXsls(tipo)) devuelve 'excel'; if(tipo == 'pdf') return 'pdf'; if(this.isDocx(tipo)) devuelve 'palabra'; si esto.
// devuelve "#icon-file-b--6";
},
// Vista previa del archivo
previewFile(item){ uni.downloadFile({ url: item.url, success: (res) => { let filePath = res. tempFilePath; uni.openDocument({ filePath: filePath, éxito: (res) => { console.log('Abrir documento con éxito'); } }) } }) },