這篇文章給大家分享的是有關(guān)html5規(guī)定在拖動(dòng)被拖動(dòng)數(shù)據(jù)時(shí)是否進(jìn)行復(fù)制移動(dòng)或鏈接的屬性dropzone怎么用的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),鳳泉企業(yè)網(wǎng)站建設(shè),鳳泉品牌網(wǎng)站建設(shè),網(wǎng)站定制,鳳泉網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,鳳泉網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
實(shí)例
拖動(dòng)數(shù)據(jù)會(huì)產(chǎn)生被拖動(dòng)數(shù)據(jù)的副本:
瀏覽器支持
目前所有主流瀏覽器都不支持 dropzone 屬性。
定義和用法
dropzone 屬性規(guī)定在元素上拖動(dòng)數(shù)據(jù)時(shí),是否拷貝、移動(dòng)或鏈接被拖動(dòng)數(shù)據(jù)。
HTML 4.01 與 HTML5 之間的差異
dropzone 屬性是 HTML5 中的新屬性。
語法
屬性值
值 | 描述 |
copy | 拖動(dòng)數(shù)據(jù)會(huì)產(chǎn)生被拖動(dòng)數(shù)據(jù)的副本。 |
move | 拖動(dòng)數(shù)據(jù)會(huì)導(dǎo)致被拖動(dòng)數(shù)據(jù)被移動(dòng)到新位置。 |
link | 拖動(dòng)數(shù)據(jù)會(huì)產(chǎn)生指向原始數(shù)據(jù)的鏈接。 |
使用dropzone的典型方式是通過創(chuàng)建一個(gè) class 屬性中包含 dropzone 的form 表單元素
案例
$("#dropz").dropzone({ url: "index.php", //必須填寫 method:"post", //也可用put paramName:"Filedata", //默認(rèn)為file maxFiles:10,//一次性上傳的文件數(shù)量上限 maxFilesize: 20, //MB acceptedFiles: ".jpg,.gif,.png", //上傳的類型 previewsContainer:"#adds", //顯示的容器 parallelUploads: 3, dictMaxFilesExceeded: "您最多只能上傳10個(gè)文件!", dictResponseError: '文件上傳失敗!', dictInvalidFileType: "你不能上傳該類型文件,文件類型只能是*.jpg,*.gif,*.png。", dictFallbackMessage:"瀏覽器不受支持", dictFileTooBig:"文件過大上傳文件最大支持.", previewTemplate: document.querySelector('#preview-template').innerHTML,//設(shè)置顯示模板 init:function(){ this.on("addedfile", function(file) { //上傳文件時(shí)觸發(fā)的事件 }); this.on("queuecomplete",function(file) { //上傳完成后觸發(fā)的方法 }); this.on("removedfile",function(file){ //刪除文件時(shí)觸發(fā)的方法 }); }); } });
感謝各位的閱讀!關(guān)于“html5規(guī)定在拖動(dòng)被拖動(dòng)數(shù)據(jù)時(shí)是否進(jìn)行復(fù)制移動(dòng)或鏈接的屬性dropzone怎么用”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!