Heim > Web-Frontend > H5-Tutorial > Hauptteil

HTML5 gibt an, ob die Attribut-Dropzone beim Ziehen der gezogenen Daten kopiert, verschoben oder verknüpft werden soll.

黄舟
Freigeben: 2017-11-03 11:06:39
Original
2023 Leute haben es durchsucht

Instanz

Durch Ziehen von Daten wird eine Kopie der gezogenen Daten erstellt:

<div dropzone="copy"></div>
Nach dem Login kopieren

Browser-Unterstützung

Derzeit unterstützen alle gängigen Browser keine Dropzone Eigenschaften .

Definition und Verwendung

Das Dropzone-Attribut gibt an, ob beim Ziehen von Daten auf ein Element die gezogenen Daten kopiert, verschoben oder verknüpft werden sollen.

Unterschiede zwischen HTML 4.01 und HTML5

Das Dropzone-Attribut ist neu in HTML5.

Syntax

<element dropzone="copy|move|link">
Nach dem Login kopieren

Attributwert

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

Die typische Art, Dropzone zu verwenden, besteht darin, ein Formularelement zu erstellen, das Dropzone im Klassenattribut enthält

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

Fall

$("#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: &#39;文件上传失败!&#39;,
        dictInvalidFileType: "你不能上传该类型文件,文件类型只能是*.jpg,*.gif,*.png。",
        dictFallbackMessage:"浏览器不受支持",
        dictFileTooBig:"文件过大上传文件最大支持.",
        previewTemplate: document.querySelector(&#39;#preview-template&#39;).innerHTML,//设置显示模板
        init:function(){
            this.on("addedfile", function(file) { 
            //上传文件时触发的事件
            });            this.on("queuecomplete",function(file) {
                //上传完成后触发的方法
            });            this.on("removedfile",function(file){
                //删除文件时触发的方法
                 });
            });
        }

    });
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonHTML5 gibt an, ob die Attribut-Dropzone beim Ziehen der gezogenen Daten kopiert, verschoben oder verknüpft werden soll.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!