thinkjs 文件上传

采用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);
  }

 

转载于:https://www.cnblogs.com/katelee/p/7418587.html