前端获取file选择的文件,然后添加到formdata,然后再用ajax将formdata发送给后台程序处理,具体代码如下
html页面中的file,
<input type="file" multiple class="selectImg" id="selectImg" />
原生js将file选择的所有文件添加到formdata中,并判断文件格式。从下面代码可以看出,只添加jpg png bmp 图片格式,其它的文件不添加,自动过滤掉。
function getnewformdata() { var formdata = new FormData(); var files = selectImg.files;//selectImg html页面中的file for (var i = 0; i < files.length; i++) { var fileName = files[i].name; var fileExt = fileName.substring(fileName.lastIndexOf(".")) .toLowerCase(); if (checkFileExt(fileExt, ".jpg|.png|.bmp")) { formdata.append(files[i].name, files[i]); }; }; return formdata; };
上面代码 checkFileExt 是自定义的一个js方法,用于判断文件的类型,下面是checkFileExt方法代码
【付费内容开始】
还有2675字, 为付费内容,付费后阅读全部
阅读全文 支付 ¥2
有效期 3 天