采用thinkjs框架写前后端
1 let formdata = new FormData($('form')[0]); 2 $('#fileUpload').submit(function (e) { 3 e.preventDefault(); 4 var data = new FormData($(this)[0]); 5 $.ajax({ 6 url: '/themestore/upload/theme', 7 type: 'POST', 8 data: data, 9 async: false, //发送同步请求(默认为TRUE) 10 cache: false, //不同浏览器缓存中加载请求信息(默认为true) 11 contentType: false, //内容编码格式 12 processData: false, 13 /*要求为Boolean类型的参数,默认为true。默认情况下,发送的数据将被转换为对象(从技术角度来讲并非字符串)以配合默认内容类型"application/x-www-form-urlencoded"。如果要发送DOM树信息或者其他不希望转换的信息,请设置为false。*/ 14 success:function (res) { 15 if(!res.errno) alert('上传成功!'); 16 else alert('上传失败,请重试!'); 17 } 18 }); 19 });
说明:async: false, cache: false, contentType: false, processData: false,需要写上去。
此外,formdata对象中表单各项对应的值,要使用其自身get方法查看。
eg:data.get('file') //其中get的参数是表单元素的name。
控制器:
async themeAction(){ let themefile = this.file('themename'); let filepath = themefile.path;//为防止上传的时候因文件名重复而覆盖同名已上传文件,path是MD5方式产生的随机名称 let uploadpath = think.RESOURCE_PATH + '/static/theme'; think.mkdir(uploadpath);//创建该目录 //提取出用 ‘/' 隔开的path的最后一部分。 //let basename = path.basename(filepath); let basename = themefile.originalFilename;//因为本系统不允许上传同名主题,所以文件名就直接使用主题名 //将上传的文件(路径为filepath的文件)移动到第二个参数所在的路径,并改为第二个参数的文件名。 fs.renameSync(filepath, uploadpath + '/' + basename); themefile.path = uploadpath + '/' + basename; //读取压缩文件信息存数据库 let zip = new JSZip(); this.success(themefile); }