最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

html5规定在拖动被拖动数据时是否进行复制移动或链接的属性dropzone

来源:懂视网 责编:小采 时间:2020-11-27 15:07:05
文档

html5规定在拖动被拖动数据时是否进行复制移动或链接的属性dropzone

html5规定在拖动被拖动数据时是否进行复制移动或链接的属性dropzone:实例拖动数据会产生被拖动数据的副本:<div dropzone="copy"></div>浏览器支持目前所有主流浏览器都不支持 dropzone 属性。定义和用法dropzone 属性规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。HTML 4.01 与
推荐度:
导读html5规定在拖动被拖动数据时是否进行复制移动或链接的属性dropzone:实例拖动数据会产生被拖动数据的副本:<div dropzone="copy"></div>浏览器支持目前所有主流浏览器都不支持 dropzone 属性。定义和用法dropzone 属性规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。HTML 4.01 与

实例

拖动数据会产生被拖动数据的副本:

<div dropzone="copy"></div>

浏览器支持

目前所有主流浏览器都不支持 dropzone 属性。

定义和用法

dropzone 属性规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。

HTML 4.01 与 HTML5 之间的差异

dropzone 属性是 HTML5 中的新属性。

语法

<element dropzone="copy|move|link">

属性值

描述
copy拖动数据会产生被拖动数据的副本。
move拖动数据会导致被拖动数据被移动到新位置。
link拖动数据会产生指向原始数据的链接。

使用dropzone的典型方式是通过创建一个 class 属性中包含 dropzone 的form 表单元素

<form action="/file-upload"
 class="dropzone"
 id="my-awesome-dropzone"></form>
<script>var myDropzone = new Dropzone("div#myId", { url: "/file/post"});</script>

案例

$("#dropz").dropzone({
 url: "index.php", //必须填写
 method:"post", //也可用put
 paramName:"Filedata", //默认为file
 maxFiles:10,//一次性上传的文件数量上限
 maxFilesize: 20, //MB
 acceptedFiles: ".jpg,.gif,.png", //上传的类型
 previewsContainer:"#adds", //显示的容器
 parallelUploads: 3,
 dictMaxFilesExceeded: "您最多只能上传10个文件!",
 dictResponseError: '文件上传失败!',
 dictInvalidFileType: "你不能上传该类型文件,文件类型只能是*.jpg,*.gif,*.png。",
 dictFallbackMessage:"浏览器不受支持",
 dictFileTooBig:"文件过大上传文件最大支持.",
 previewTemplate: document.querySelector('#preview-template').innerHTML,//设置显示模板
 init:function(){
 this.on("addedfile", function(file) { 
 //上传文件时触发的事件
 }); this.on("queuecomplete",function(file) {
 //上传完成后触发的方法
 }); this.on("removedfile",function(file){
 //删除文件时触发的方法
 });
 });
 }

 });

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

html5规定在拖动被拖动数据时是否进行复制移动或链接的属性dropzone

html5规定在拖动被拖动数据时是否进行复制移动或链接的属性dropzone:实例拖动数据会产生被拖动数据的副本:<div dropzone="copy"></div>浏览器支持目前所有主流浏览器都不支持 dropzone 属性。定义和用法dropzone 属性规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据。HTML 4.01 与
推荐度:
标签: html5 html 拖动
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top