html5操作本地檔案-file物件。通常如果我們要在網頁中使用電腦本地檔案，那只能先將本地檔案上傳到網頁的伺服器中，然後再從伺服器中載入到網頁上。但是在html5中提供了file api可以用來操作裝置中的本地檔案。我們可以直接將本地檔案拖到html中，我們可以通過js來控制檔案的讀取，寫入，資料夾，檔案等一系列的操作。簡單方便。 來介紹幾個關於file幾個重要的js物件
他是file物件的乙個集合，在html4標準中檔案上傳控制項只接受乙個檔案，而在html5中，只需要設定multiple，就支援多個檔案上傳。比如：
指向乙個具體的檔案，它還有了兩個屬性，name(檔名)，lastmondifieddate（最後修改時間）
這是乙個非常重要的物件，用來讀取檔案裡面的資料，提供了三個常用的讀取檔案資料的方法，另外讀取檔案資料是非同步的，不存在跨域的問題，非常方便。 readasdataurl(file)——讀取內容可以作為url屬性，也就是說可以將乙個的結果指向給乙個img是src屬性 readasbinarystring()——傳入乙個blob物件，然後讀取資料的結果作為二進位制字串的形式放到filereader的result屬性中 readastext(blob blob, optional domstring encoding) 第乙個引數傳入blog物件，然後第二個引數傳入編碼格式，非同步將資料讀取成功後放到result屬性中，讀取的內容是普通的文字字串的形式。
lang=
"en"
>
id='canvas'
>
class=
"normal"
id="holder"
>檔案拖拽到這裡
HTML5拖放本地資源
我們可以從本地的資源中拖拽一張到網頁中，這在html和js的結合下是比較簡單的。也即是說一張不僅可以在網頁中進行拖動，還可以從電腦上拖動。具體實現如下 1 html中 實現如下 2 js中實現如下 created by chenyufeng on 15 9 28.var imgcontainer,m...
HTML5之本地儲存
html5之本地儲存 l cookie 資料儲存到計算機中，通過瀏覽器控制新增與刪除資料 l cookie的特點 儲存限制 網域名稱100個cookie,每組值大小4kb 客戶端 伺服器端，都會請求伺服器 頭資訊 本地儲存也會請求伺服器 頁面間的cookie是共享 l storage session...
HTML5之本地儲存
html5本地儲存有localstorage和sessionstorage，兩者的區別就是localstorage一直儲存在本地不會過期，而sessionstorage視窗一旦關閉就沒了。兩者用法是一樣的。if window.localstorage else儲存操作如下 通過鍵值對應，只能儲存字串...