介紹

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

特性

架構(gòu)

thinkjs是360公司出的一個(gè)基于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ā)送同步請(qǐng)求（默認(rèn)為TRUE）
 cache: false, //不同瀏覽器緩存中加載請(qǐng)求信息（默認(rèn)為true）
 contentType: false, //內(nèi)容編碼格式
 processData: false,
/*要求為Boolean類型的參數(shù)，默認(rèn)為true。默認(rèn)情況下，發(fā)送的數(shù)據(jù)將被轉(zhuǎn)換為對(duì)象（從技術(shù)角度來講并非字符串）以配合默認(rèn)內(nèi)容類型"application/x-www-form-urlencoded"。如果要發(fā)送DOM樹信息或者其他不希望轉(zhuǎn)換的信息，請(qǐng)?jiān)O(shè)置為false。*/
 success:function (res) {
 if(!res.errno) alert('上傳成功！');
 else alert('上傳失敗，請(qǐng)重試！');
 }
 });
 });

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

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

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

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

總結(jié)

以上所述是小編給大家介紹的thinkjs 文件上傳功能實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！