小程序中实现隐藏input进行文件上传（react + fetch）

以沫wh

已于 2022-05-29 11:04:40 修改

阅读量672

点赞数

分类专栏：小程序文章标签： react.js 小程序 javascript

于 2022-05-29 11:03:53 首次发布

本文链接：https://blog.csdn.net/wh13821662259/article/details/125027808

版权

本文介绍了在使用Taro开发企业微信H5时遇到的问题，由于小程序不支持FormData，导致POST请求无法以multipart/form-data格式发送文件。作者尝试了手动拼接参数和JSON.stringify()转换对象的方法，但未成功。文章探讨了在jsx、tools文件中使用原生方法和jQuery方法来实现隐藏input文件上传的可能性。

摘要由CSDN通过智能技术生成

jsx

 <div onClick={
       handleUpload()} > </div>

handleUpload() {
   
	tools.uploadFile({
   }).then((res) => {
   
       //实现自己的逻辑
      })
}

tools文件

原生方法

uploadFile() {
   
		//防止浏览器选择了文件但是不上传出现重复browserFile
		let oldbrowserFile = document.querySelector("#browserFile")
		if (oldbrowserFile) {
   
				oldbrowserFile.remove()
		}
		const input = document.createElement("input");
		input.setAttribute