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