Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
如我們在 數(shù)據(jù)類型 一章學(xué)到的,JavaScript 中有八種數(shù)據(jù)類型。有七種原始類型,因為它們的值只包含一種東西(字符串,數(shù)字或者其他)。
相反,對象則用來存儲鍵值對和更復(fù)雜的實體。在 JavaScript 中,對象幾乎滲透到了這門編程語言的方方面面。所以,在我們深入理解這門語言之前,必須先理解對象。
我們可以通過使用帶有可選 屬性列表 的花括號 {…} 來創(chuàng)建對象。一個屬性就是一個鍵值對(“key: value”),其中鍵(key)是一個字符串(也叫做屬性名),值(value)可以是任何值。
我們可以把對象想象成一個帶有簽名文件的文件柜。每一條數(shù)據(jù)都基于鍵(key)存儲在文件中。這樣我們就可以很容易根據(jù)文件名(也就是“鍵”)查找文件或添加/刪除文件了。
JavaScript 中的所有事物都是對象:字符串、數(shù)字、數(shù)組、日期,等等。
在 JavaScript 中,對象是擁有屬性和方法的數(shù)據(jù)。
屬性是與對象相關(guān)的值。
方法是能夠在對象上執(zhí)行的動作。
舉例:汽車就是現(xiàn)實生活中的對象。
汽車的屬性:
car.name=Fiat
car.model=500
car.weight=850kg
car.color=white
汽車的方法:
car.start()
car.drive()
car.brake()
汽車的屬性包括名稱、型號、重量、顏色等。
所有汽車都有這些屬性,但是每款車的屬性都不盡相同。
汽車的方法可以是啟動、駕駛、剎車等。
所有汽車都擁有這些方法,但是它們被執(zhí)行的時間都不盡相同。
在 JavaScript 中,對象是數(shù)據(jù)(變量),擁有屬性和方法。
當(dāng)您像這樣聲明一個 JavaScript 變量時:
var txt = "Hello";
您實際上已經(jīng)創(chuàng)建了一個 JavaScript 字符串對象。字符串對象擁有內(nèi)建的屬性 length。對于上面的字符串來說,length 的值是 5。字符串對象同時擁有若干個內(nèi)建的方法。
屬性:
txt.length=5
方法:
txt.indexOf()
txt.replace()
txt.search()
提示:在面向?qū)ο蟮恼Z言中,屬性和方法常被稱為對象的成員。
在本教程稍后的章節(jié)中,您將學(xué)到有關(guān)字符串對象的更多屬性和方法。
JavaScript 中的幾乎所有事務(wù)都是對象:字符串、數(shù)字、數(shù)組、日期、函數(shù),等等。
你也可以創(chuàng)建自己的對象。
本例創(chuàng)建名為 "person" 的對象,并為其添加了四個屬性:
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
創(chuàng)建新 JavaScript 對象有很多不同的方法,并且您還可以向已存在的對象添加屬性和方法。
您將在本教程稍后的章節(jié)學(xué)到更多相關(guān)的內(nèi)容。
訪問對象屬性的語法是:
_objectName_._propertyName_
本例使用 String 對象的 length 屬性來查找字符串的長度:
var message="Hello World!";
var x=message.length;
在以上代碼執(zhí)行后,x 的值是:
12
您可以通過下面的語法調(diào)用方法:
_objectName_._methodName_()
這個例子使用 String 對象的 toUpperCase() 方法來把文本轉(zhuǎn)換為大寫:
var message="Hello world!";
var x=message.toUpperCase();
在以上代碼執(zhí)行后,x 的值是:
HELLO WORLD!
提示:在面向?qū)ο蟮恼Z言中,使用 camel-case 標記法的函數(shù)是很常見的。您會經(jīng)常看到 someMethod() 這樣的函數(shù)名,而不是 some_method()。
我們可以用下面兩種語法中的任一種來創(chuàng)建一個空的對象(“空柜子”):
let user = new Object(); // “構(gòu)造函數(shù)” 的語法
let user = {}; // “字面量” 的語法
通常,我們用花括號。這種方式我們叫做字面量。
我們可以在創(chuàng)建對象的時候,立即將一些屬性以鍵值對的形式放到 {...} 中。
let user = { // 一個對象
name: "John", // 鍵 "name",值 "John"
age: 30 // 鍵 "age",值 30
};
屬性有鍵(或者也可以叫做“名字”或“標識符”),位于冒號 ":" 的前面,值在冒號的右邊。
在 user 對象中,有兩個屬性:
生成的 user 對象可以被想象為一個放置著兩個標記有 “name” 和 “age” 的文件的柜子。
我們可以隨時添加、刪除和讀取文件。
可以使用點符號訪問屬性值:
// 讀取文件的屬性:
alert( user.name ); // John
alert( user.age ); // 30
屬性的值可以是任意類型,讓我們加個布爾類型:
user.isAdmin = true;
我們可以用 delete 操作符移除屬性:
delete user.age;
我們也可以用多字詞語來作為屬性名,但必須給它們加上引號:
let user = {
name: "John",
age: 30,
"likes birds": true // 多詞屬性名必須加引號
};
列表中的最后一個屬性應(yīng)以逗號結(jié)尾:
let user = {
name: "John",
age: 30,
}
這叫做尾隨(trailing)或懸掛(hanging)逗號。這樣便于我們添加、刪除和移動屬性,因為所有的行都是相似的。
對于多詞屬性,點操作就不能用了:
// 這將提示有語法錯誤
user.likes birds = true
JavaScript 理解不了。它認為我們在處理 user.likes,然后在遇到意外的 birds 時給出了語法錯誤。
點符號要求 key 是有效的變量標識符。這意味著:不包含空格,不以數(shù)字開頭,也不包含特殊字符(允許使用 $ 和 _)。
有另一種方法,就是使用方括號,可用于任何字符串:
let user = {};
// 設(shè)置
user["likes birds"] = true;
// 讀取
alert(user["likes birds"]); // true
// 刪除
delete user["likes birds"];
現(xiàn)在一切都可行了。請注意方括號中的字符串要放在引號中,單引號或雙引號都可以。
方括號同樣提供了一種可以通過任意表達式來獲取屬性名的方法 —— 跟語義上的字符串不同 —— 比如像類似于下面的變量:
let key = "likes birds";
// 跟 user["likes birds"] = true; 一樣
user[key] = true;
在這里,變量 key 可以是程序運行時計算得到的,也可以是根據(jù)用戶的輸入得到的。然后我們可以用它來訪問屬性。這給了我們很大的靈活性。
例如:
let user = {
name: "John",
age: 30
};
let key = prompt("What do you want to know about the user?", "name");
// 訪問變量
alert( user[key] ); // John(如果輸入 "name")
點符號不能以類似的方式使用:
let user = {
name: "John",
age: 30
};
let key = "name";
alert( user.key ) // undefined
當(dāng)創(chuàng)建一個對象時,我們可以在對象字面量中使用方括號。這叫做 計算屬性。
例如:
let fruit = prompt("Which fruit to buy?", "apple");
let bag = {
[fruit]: 5, // 屬性名是從 fruit 變量中得到的
};
alert( bag.apple ); // 5 如果 fruit="apple"
計算屬性的含義很簡單:[fruit] 含義是屬性名應(yīng)該從 fruit 變量中獲取。
所以,如果一個用戶輸入 "apple",bag 將變?yōu)?{apple: 5}。
本質(zhì)上,這跟下面的語法效果相同:
let fruit = prompt("Which fruit to buy?", "apple");
let bag = {};
// 從 fruit 變量中獲取值
bag[fruit] = 5;
……但是看起來更好。
我們可以在方括號中使用更復(fù)雜的表達式:
let fruit = 'apple';
let bag = {
[fruit + 'Computers']: 5 // bag.appleComputers = 5
};
方括號比點符號更強大。它允許任何屬性名和變量,但寫起來也更加麻煩。
所以,大部分時間里,當(dāng)屬性名是已知且簡單的時候,就使用點符號。如果我們需要一些更復(fù)雜的內(nèi)容,那么就用方括號。
在實際開發(fā)中,我們通常用已存在的變量當(dāng)做屬性名。
例如:
function makeUser(name, age) {
return {
name: name,
age: age,
// ……其他的屬性
};
}
let user = makeUser("John", 30);
alert(user.name); // John
在上面的例子中,屬性名跟變量名一樣。這種通過變量生成屬性的應(yīng)用場景很常見,在這有一種特殊的 屬性值縮寫 方法,使屬性名變得更短。
可以用 name 來代替 name:name 像下面那樣:
function makeUser(name, age) {
return {
name, // 與 name: name 相同
age, // 與 age: age 相同
// ...
};
}
我們可以把屬性名簡寫方式和正常方式混用:
let user = {
name, // 與 name:name 相同
age: 30
};
我們已經(jīng)知道,變量名不能是編程語言的某個保留字,如 “for”、“l(fā)et”、“return” 等……
但對象的屬性名并不受此限制:
// 這些屬性都沒問題
let obj = {
for: 1,
let: 2,
return: 3
};
alert( obj.for + obj.let + obj.return ); // 6
簡而言之,屬性命名沒有限制。屬性名可以是任何字符串或者 symbol(一種特殊的標志符類型,將在后面介紹)。
其他類型會被自動地轉(zhuǎn)換為字符串。
例如,當(dāng)數(shù)字 0 被用作對象的屬性的鍵時,會被轉(zhuǎn)換為字符串 "0":
let obj = {
0: "test" // 等同于 "0": "test"
};
// 都會輸出相同的屬性(數(shù)字 0 被轉(zhuǎn)為字符串 "0")
alert( obj["0"] ); // test
alert( obj[0] ); // test (相同的屬性)
這里有個小陷阱:一個名為 __proto__ 的屬性。我們不能將它設(shè)置為一個非對象的值:
let obj = {};
obj.__proto__ = 5; // 分配一個數(shù)字
alert(obj.__proto__); // [object Object] — 值為對象,與預(yù)期結(jié)果不同
我們從代碼中可以看出來,把它賦值為 5 的操作被忽略了。
我們將在 后續(xù)章節(jié) 中學(xué)習(xí) __proto__ 的特殊性質(zhì),并給出了 解決此問題的方法。
相比于其他語言,JavaScript 的對象有一個需要注意的特性:能夠被訪問任何屬性。即使屬性不存在也不會報錯!
讀取不存在的屬性只會得到 undefined。所以我們可以很容易地判斷一個屬性是否存在:
let user = {};
alert( user.noSuchProperty === undefined ); // true 意思是沒有這個屬性
這里還有一個特別的,檢查屬性是否存在的操作符 "in"。
語法是:
"key" in object
例如:
let user = { name: "John", age: 30 };
alert( "age" in user ); // true,user.age 存在
alert( "blabla" in user ); // false,user.blabla 不存在。
請注意,in 的左邊必須是 屬性名。通常是一個帶引號的字符串。
如果我們省略引號,就意味著左邊是一個變量,它應(yīng)該包含要判斷的實際屬性名。例如:
let user = { age: 30 };
let key = "age";
alert( key in user ); // true,屬性 "age" 存在
為何會有 in 運算符呢?與 undefined 進行比較來判斷還不夠嗎?
確實,大部分情況下與 undefined 進行比較來判斷就可以了。但有一個例外情況,這種比對方式會有問題,但 in 運算符的判斷結(jié)果仍是對的。
那就是屬性存在,但存儲的值是 undefined 的時候:
let obj = {
test: undefined
};
alert( obj.test ); // 顯示 undefined,所以屬性不存在?
alert( "test" in obj ); // true,屬性存在!
在上面的代碼中,屬性 obj.test 事實上是存在的,所以 in 操作符檢查通過。
這種情況很少發(fā)生,因為通常情況下不應(yīng)該給對象賦值 undefined。我們通常會用 null 來表示未知的或者空的值。因此,in 運算符是代碼中的特殊來賓。
為了遍歷一個對象的所有鍵(key),可以使用一個特殊形式的循環(huán):for..in。這跟我們在前面學(xué)到的 for(;;) 循環(huán)是完全不一樣的東西。
語法:
for (key in object) {
// 對此對象屬性中的每個鍵執(zhí)行的代碼
}
例如,讓我們列出 user 所有的屬性:
let user = {
name: "John",
age: 30,
isAdmin: true
};
for (let key in user) {
// keys
alert( key ); // name, age, isAdmin
// 屬性鍵的值
alert( user[key] ); // John, 30, true
}
注意,所有的 “for” 結(jié)構(gòu)體都允許我們在循環(huán)中定義變量,像這里的 let key。
同樣,我們可以用其他屬性名來替代 key。例如 "for(let prop in obj)" 也很常用。
對象有順序嗎?換句話說,如果我們遍歷一個對象,我們獲取屬性的順序是和屬性添加時的順序相同嗎?這靠譜嗎?
簡短的回答是:“有特別的順序”:整數(shù)屬性會被進行排序,其他屬性則按照創(chuàng)建的順序顯示。詳情如下:
例如,讓我們考慮一個帶有電話號碼的對象:
let codes = {
"49": "Germany",
"41": "Switzerland",
"44": "Great Britain",
// ..,
"1": "USA"
};
for(let code in codes) {
alert(code); // 1, 41, 44, 49
}
對象可用于面向用戶的建議選項列表。如果我們的網(wǎng)站主要面向德國觀眾,那么我們可能希望 49 排在第一。
但如果我們執(zhí)行代碼,會看到完全不同的現(xiàn)象:
因為這些電話號碼是整數(shù),所以它們以升序排列。所以我們看到的是 1, 41, 44, 49。
整數(shù)屬性?那是什么?
這里的“整數(shù)屬性”指的是一個可以在不做任何更改的情況下與一個整數(shù)進行相互轉(zhuǎn)換的字符串。
所以,"49" 是一個整數(shù)屬性名,因為我們把它轉(zhuǎn)換成整數(shù),再轉(zhuǎn)換回來,它還是一樣的。但是 “+49” 和 “1.2” 就不行了:
// Number(...) 顯式轉(zhuǎn)換為數(shù)字
// Math.trunc 是內(nèi)建的去除小數(shù)部分的方法。
alert( String(Math.trunc(Number("49"))) ); // "49",相同,整數(shù)屬性
alert( String(Math.trunc(Number("+49"))) ); // "49",不同于 "+49" ? 不是整數(shù)屬性
alert( String(Math.trunc(Number("1.2"))) ); // "1",不同于 "1.2" ? 不是整數(shù)屬性
……此外,如果屬性名不是整數(shù),那它們就按照創(chuàng)建時的順序來排序,例如:
let user = {
name: "John",
surname: "Smith"
};
user.age = 25; // 增加一個
// 非整數(shù)屬性是按照創(chuàng)建的順序來排列的
for (let prop in user) {
alert( prop ); // name, surname, age
}
所以,為了解決電話號碼的問題,我們可以使用非整數(shù)屬性名來 欺騙 程序。只需要給每個鍵名加一個加號 "+" 前綴就行了。
像這樣:
let codes = {
"+49": "Germany",
"+41": "Switzerland",
"+44": "Great Britain",
// ..,
"+1": "USA"
};
for (let code in codes) {
alert( +code ); // 49, 41, 44, 1
}
現(xiàn)在跟預(yù)想的一樣了。
對象是具有一些特殊特性的關(guān)聯(lián)數(shù)組。
它們存儲屬性(鍵值對),其中:
我們可以用下面的方法訪問屬性:
其他操作:
我們在這一章學(xué)習(xí)的叫做“普通對象(plain object)”,或者就叫對象。
JavaScript 中還有很多其他類型的對象:
它們有著各自特別的特性,我們將在后面學(xué)習(xí)到。有時候大家會說“Array 類型”或“Date 類型”,但其實它們并不是自身所屬的類型,而是屬于一個對象類型即 “object”。它們以不同的方式對 “object” 做了一些擴展。
JavaScript 中的對象非常強大。這里我們只接觸了其冰山一角。在后面的章節(jié)中,我們將頻繁使用對象進行編程,并學(xué)習(xí)更多關(guān)于對象的知識。
重要程度: 5
按下面的要求寫代碼,一條對應(yīng)一行代碼:
解決方案
重要程度: 5
寫一個 isEmpty(obj) 函數(shù),當(dāng)對象沒有屬性的時候返回 true,否則返回 false。
應(yīng)該像這樣:
let schedule = {};
alert( isEmpty(schedule) ); // true
schedule["8:30"] = "get up";
alert( isEmpty(schedule) ); // false
打開帶有測試的沙箱。
解決方案
重要程度: 5
我們有一個保存著團隊成員工資的對象:
let salaries = {
John: 100,
Ann: 160,
Pete: 130
}
寫一段代碼求出我們的工資總和,將計算結(jié)果保存到變量 sum。從所給的信息來看,結(jié)果應(yīng)該是 390。
如果 salaries 是一個空對象,那結(jié)果就為 0。
解決方案
重要程度: 3
創(chuàng)建一個 multiplyNumeric(obj) 函數(shù),把 obj 所有的數(shù)值屬性值都乘以 2。
例如:
// 在調(diào)用之前
let menu = {
width: 200,
height: 300,
title: "My menu"
};
multiplyNumeric(menu);
// 調(diào)用函數(shù)之后
menu = {
width: 400,
height: 600,
title: "My menu"
};
注意 multiplyNumeric 函數(shù)不需要返回任何值,它應(yīng)該就地修改對象。
、JavaScript數(shù)據(jù)類型
(1)基本類型
5種基本類型:Undefined、Null、Boolean、Number、String
(2)引用類型
5種引用類型:Object、Array、Date、RepExp、Function
(3)基本類型與引用類型的異同:
1.保存方式
基本類型是按值訪問的。引用類型的值是按引用訪問的,引用類型的值是保存在內(nèi)存中的對象,JavaScript在操作對象時,實際上是操作對象的引用而不是實際的對象。
2.復(fù)制變量值
復(fù)制基本類型值會在變量對象上創(chuàng)建一個新值,然后把該值復(fù)制到為新變量分配的位置上。復(fù)制引用類型值也會將存儲在變量對象的值復(fù)制一份到新變量的空間,只是值的副本是一個指針,指向存儲在堆中的一個對象。
3.參數(shù)傳遞
JavaScript中訪問變量有按值和引用兩種方式,而參數(shù)只能按值傳遞。
2、Object類型
對象是某個引用類型的實例。
大多數(shù)引用類型值都是Object類型的實例。
---創(chuàng)建Object實例的方法
(1) 使用new操作符后跟Object構(gòu)造函數(shù)。
var person = new Object(); person.name = "Alice"; person.age = 23; person[5] = true;
(2) 使用字面量表示法。
var person = { "name" : "Alice", age : 23, 5 : true };
當(dāng)屬性名是字符串時,引號(單、雙引號)可用也可不用。
對象字面量是向函數(shù)傳遞大量可選參數(shù)的首選方式。
---訪問對象屬性的方法
(1) 點表示法
alert(person.name);
(2)方括號表示法
alert(person["name"];
方括號表示法的優(yōu)點:可以通過變量來訪問屬性。
var property = "name"; alert(person[property];
若屬性名中包含空格等或?qū)傩悦菙?shù)值時,不能用點表示法,只能用方括號表示法。
alert(person[5]);
對前端的技術(shù),架構(gòu)技術(shù)感興趣的同學(xué)關(guān)注我的頭條號,并在后臺私信發(fā)送關(guān)鍵字:“前端”即可獲取免費的架構(gòu)師學(xué)習(xí)資料
知識體系已整理好,歡迎免費領(lǐng)取。還有面試視頻分享可以免費獲取。關(guān)注我,可以獲得沒有的架構(gòu)經(jīng)驗哦!!
今年國慶假期終于可以憋在家里了不用出門了,不用出去看后腦了,真的是一種享受。這么好的光陰怎么浪費,睡覺、吃飯、打豆豆這怎么可能(耍多了也煩),完全不符合我們程序員的作風(fēng),趕緊起來把文章寫完。
這篇文章比較基礎(chǔ),在國慶期間的業(yè)余時間寫的,這幾天又完善了下,力求把更多的前端所涉及到的關(guān)于文件上傳的各種場景和應(yīng)用都涵蓋了,若有疏漏和問題還請留言斧正和補充。
以下是本文所涉及到的知識點,break or continue ?
原理很簡單,就是根據(jù) http 協(xié)議的規(guī)范和定義,完成請求消息體的封裝和消息體的解析,然后將二進制內(nèi)容保存到文件。
我們都知道如果要上傳一個文件,需要把 form 標簽的enctype設(shè)置為multipart/form-data,同時method必須為post方法。
那么multipart/form-data表示什么呢?
multipart互聯(lián)網(wǎng)上的混合資源,就是資源由多種元素組成,form-data表示可以使用HTML Forms 和 POST 方法上傳文件,具體的定義可以參考RFC 7578。
multipart/form-data 結(jié)構(gòu)
看下 http 請求的消息體
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryDCntfiXcSkPhS4PN 表示本次請求要上傳文件,其中boundary表示分隔符,如果要上傳多個表單項,就要使用boundary分割,每個表單項由———XXX開始,以———XXX結(jié)尾。
每一個表單項又由Content-Type和Content-Disposition組成。
Content-Disposition: form-data 為固定值,表示一個表單元素,name 表示表單元素的 名稱,回車換行后面就是name的值,如果是上傳文件就是文件的二進制內(nèi)容。
Content-Type:表示當(dāng)前的內(nèi)容的 MIME 類型,是圖片還是文本還是二進制數(shù)據(jù)。
解析
客戶端發(fā)送請求到服務(wù)器后,服務(wù)器會收到請求的消息體,然后對消息體進行解析,解析出哪是普通表單哪些是附件。
可能大家馬上能想到通過正則或者字符串處理分割出內(nèi)容,不過這樣是行不通的,二進制buffer轉(zhuǎn)化為string,對字符串進行截取后,其索引和字符串是不一致的,所以結(jié)果就不會正確,除非上傳的就是字符串。
不過一般情況下不需要自行解析,目前已經(jīng)有很成熟的三方庫可以使用。
至于如何解析,這個也會占用很大篇幅,后面的文章在詳細說。
使用 form 表單上傳文件
在 ie時代,如果實現(xiàn)一個無刷新的文件上傳那可是費老勁了,大部分都是用 iframe 來實現(xiàn)局部刷新或者使用 flash 插件來搞定,在那個時代 ie 就是最好用的瀏覽器(別無選擇)。
DEMO
這種方式上傳文件,不需要 js ,而且沒有兼容問題,所有瀏覽器都支持,就是體驗很差,導(dǎo)致頁面刷新,頁面其他數(shù)據(jù)丟失。
HTML
<form method="post" action="http://localhost:8100" enctype="multipart/form-data">
選擇文件:
<input type="file" name="f1"/> input 必須設(shè)置 name 屬性,否則數(shù)據(jù)無法發(fā)送<br/>
<br/>
標題:<input type="text" name="title"/><br/><br/><br/>
<button type="submit" id="btn-0">上 傳</button>
</form>
復(fù)制代碼
服務(wù)端文件的保存基于現(xiàn)有的庫koa-body結(jié)合 koa2實現(xiàn)服務(wù)端文件的保存和數(shù)據(jù)的返回。
在項目開發(fā)中,文件上傳本身和業(yè)務(wù)無關(guān),代碼基本上都可通用。
在這里我們使用koa-body庫來實現(xiàn)解析和文件的保存。
koa-body 會自動保存文件到系統(tǒng)臨時目錄下,也可以指定保存的文件路徑。
然后在后續(xù)中間件內(nèi)得到已保存的文件的信息,再做二次處理。
NODE
/**
* 服務(wù)入口
*/
var http = require('http');
var koaStatic = require('koa-static');
var path = require('path');
var koaBody = require('koa-body');//文件保存庫
var fs = require('fs');
var Koa = require('koa2');
var app = new Koa();
var port = process.env.PORT || '8100';
var uploadHost= `http://localhost:${port}/uploads/`;
app.use(koaBody({
formidable: {
//設(shè)置文件的默認保存目錄,不設(shè)置則保存在系統(tǒng)臨時目錄下 os
uploadDir: path.resolve(__dirname, '../static/uploads')
},
multipart: true // 開啟文件上傳,默認是關(guān)閉
}));
//開啟靜態(tài)文件訪問
app.use(koaStatic(
path.resolve(__dirname, '../static')
));
//文件二次處理,修改名稱
app.use((ctx) => {
var file = ctx.request.files.f1;//得道文件對象
var path = file.path;
var fname = file.name;//原文件名稱
var nextPath = path+fname;
if(file.size>0 && path){
//得到擴展名
var extArr = fname.split('.');
var ext = extArr[extArr.length-1];
var nextPath = path+'.'+ext;
//重命名文件
fs.renameSync(path, nextPath);
}
//以 json 形式輸出上傳文件地址
ctx.body = `{
"fileUrl":"${uploadHost}${nextPath.slice(nextPath.lastIndexOf('/')+1)}"
}`;
});
/**
* http server
*/
var server = http.createServer(app.callback());
server.listen(port);
console.log('demo1 server start ...... ');
復(fù)制代碼
CODE
https://github.com/Bigerfe/fe-learn-code/
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。