溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

thinkjs 文件上傳功能實例代碼

發(fā)布時間:2020-10-13 03:06:08 來源:腳本之家 閱讀:197 作者:KateCateCake 欄目:web開發(fā)

介紹

ThinkJS 是一款面向未來開發(fā)的 Node.js 框架,整合了大量的項目最佳實踐,讓企業(yè)級開發(fā)變得如此簡單、高效。從 3.0 開始,框架底層基于 Koa 2.x 實現(xiàn),兼容 Koa 的所有功能。

特性

  • 基于 Koa 2.x,兼容 middleware
  • 內(nèi)核小巧,支持 Extend、Adapter 等插件方式
  • 性能優(yōu)異,單元測試覆蓋程度高
  • 內(nèi)置自動編譯、自動更新機制,方便快速開發(fā)
  • 使用更優(yōu)雅的 async/await 處理異步問題,不再支持 */yield
  • 從 3.2 開始支持 TypeScript

架構(gòu)

thinkjs 文件上傳功能實例代碼

thinkjs是360公司出的一個基于nodejs的mvc框架,本文采用thinkjs寫后端,具體代碼如下:

let formdata = new FormData($('form')[0]);
  $('#fileUpload').submit(function (e) {
    e.preventDefault();
    var data = new FormData($(this)[0]);
    $.ajax({
      url: '/themestore/upload/theme',
      type: 'POST',
      data: data,
      async: false, //發(fā)送同步請求(默認為TRUE)
      cache: false, //不同瀏覽器緩存中加載請求信息(默認為true)
      contentType: false, //內(nèi)容編碼格式
      processData: false,
/*要求為Boolean類型的參數(shù),默認為true。默認情況下,發(fā)送的數(shù)據(jù)將被轉(zhuǎn)換為對象(從技術(shù)角度來講并非字符串)以配合默認內(nèi)容類型"application/x-www-form-urlencoded"。如果要發(fā)送DOM樹信息或者其他不希望轉(zhuǎn)換的信息,請設(shè)置為false。*/
      success:function (res) {
        if(!res.errno) alert('上傳成功!');
        else alert('上傳失敗,請重試!');
      }
    });
  });

說明:async: false, cache: false, contentType: false, processData: false,需要寫上去。

此外,formdata對象中表單各項對應(yīng)的值,要使用其自身get方法查看。

eg:data.get(‘file') //其中g(shù)et的參數(shù)是表單元素的name。

async themeAction(){
  let themefile = this.file('themename');
  let filepath = themefile.path;//為防止上傳的時候因文件名重復(fù)而覆蓋同名已上傳文件,path是MD5方式產(chǎn)生的隨機名稱
  let uploadpath = think.RESOURCE_PATH + '/static/theme';
  think.mkdir(uploadpath);//創(chuàng)建該目錄
  //提取出用 ‘/' 隔開的path的最后一部分。
  //let basename = path.basename(filepath);
  let basename = themefile.originalFilename;//因為本系統(tǒng)不允許上傳同名主題,所以文件名就直接使用主題名
  //將上傳的文件(路徑為filepath的文件)移動到第二個參數(shù)所在的路徑,并改為第二個參數(shù)的文件名。
  fs.renameSync(filepath, uploadpath + '/' + basename);
  themefile.path = uploadpath + '/' + basename;
  //讀取壓縮文件信息存數(shù)據(jù)庫
  let zip = new JSZip();
  this.success(themefile);
 }

總結(jié)

以上所述是小編給大家介紹的thinkjs 文件上傳功能實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對億速云網(wǎng)站的支持!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI