thinkjs 文件上傳功能實(shí)例代碼
介紹
ThinkJS 是一款面向未來(lái)開發(fā)的 Node.js 框架,整合了大量的項(xiàng)目最佳實(shí)踐,讓企業(yè)級(jí)開發(fā)變得如此簡(jiǎn)單、高效。從 3.0 開始,框架底層基于 Koa 2.x 實(shí)現(xiàn),兼容 Koa 的所有功能。
特性
- 基于 Koa 2.x,兼容 middleware
- 內(nèi)核小巧,支持 Extend、Adapter 等插件方式
- 性能優(yōu)異,單元測(cè)試覆蓋程度高
- 內(nèi)置自動(dòng)編譯、自動(dòng)更新機(jī)制,方便快速開發(fā)
- 使用更優(yōu)雅的 async/await 處理異步問(wèn)題,不再支持 */yield
- 從 3.2 開始支持 TypeScript
架構(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ù)角度來(lái)講并非字符串)以配合默認(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)重試!');
}
});
});
說(shuō)明: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ù)庫(kù)
let zip = new JSZip();
this.success(themefile);
}
總結(jié)
以上所述是小編給大家介紹的thinkjs 文件上傳功能實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
微信小程序商城分類滾動(dòng)列表錨點(diǎn)的項(xiàng)目實(shí)踐
本文主要介紹了微信小程序商城分類滾動(dòng)列表錨點(diǎn)的項(xiàng)目實(shí)踐,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
JS動(dòng)態(tài)改變?yōu)g覽器標(biāo)題的方法
這篇文章主要介紹了JS動(dòng)態(tài)改變?yōu)g覽器標(biāo)題的方法,涉及JavaScript頁(yè)面元素結(jié)合時(shí)間函數(shù)動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-04-04
js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊飄愛(ài)心效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊飄愛(ài)心效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08
javascript二維數(shù)組轉(zhuǎn)置實(shí)例
這篇文章主要介紹了javascript二維數(shù)組轉(zhuǎn)置方法,實(shí)例分析了數(shù)組行列交換的轉(zhuǎn)置技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-01-01
JS實(shí)現(xiàn)帶圓弧背景漸變效果的導(dǎo)航菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)帶圓弧背景漸變效果的導(dǎo)航菜單代碼,涉及JavaScript基于鼠標(biāo)事件操作頁(yè)面元素屬性的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
訪問(wèn)百度和谷歌網(wǎng)速測(cè)試的javascript代碼
訪問(wèn)百度和谷歌網(wǎng)速測(cè)試的javascript代碼...2007-08-08
EasyUI的DataGrid綁定Json數(shù)據(jù)源的示例代碼
本篇文章主要介紹了EasyUI的DataGrid綁定Json數(shù)據(jù)源的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-12-12

