我們可以從本地的資源中拖拽一張到網頁中，這在html和js的結合下是比較簡單的。也即是說一張不僅可以在網頁中進行拖動，還可以從電腦上拖動。具體實現如下：
（1）html中**實現如下：
/**
* created by chenyufeng on 15/9/28.
*/var imgcontainer,msgdiv;
window.onload = function();
imgcontainer.ondrop = function(e);
filereader.readasdataurl(f);
}};function showobj(obj)
msgdiv.innerhtml = s;
}
HTML5學習之 HTML 5 拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5實現拖放
拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性，即抓取物件以後拖到另乙個位置。在 html5 中，拖放是標準的一部分，任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...
HTML5 原聲拖放
最早在網頁中引入js拖放功能的是ie4，並且只可以拖放影象和某些文字。ie5.5以後網頁中的任何元素都可以進行拖放。html5以ie為例項制定了拖放規範。firefox3.5 safari3 和chrome也根據html5規範實現了原聲拖放功能。拖動某元素時，將依次觸發下列事件 1 dragstar...