HTML5 spécifie s'il faut copier, déplacer ou lier la zone de dépôt de l'attribut lors du déplacement des données déplacées.

Instance

Les données déplacées produiront une copie des données déplacées :

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

Prise en charge du navigateur

Actuellement, tous les principaux navigateurs ne prennent pas en charge la zone de dépôt Propriétés .

Définition et utilisation

L'attribut dropzone spécifie s'il faut copier, déplacer ou lier les données glissées lors du déplacement de données sur un élément.

Différences entre HTML 4.01 et HTML5

L'attribut dropzone est nouveau en HTML5.

Syntaxe

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

Valeur de l'attribut

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

La façon typique d'utiliser dropzone est de créer un élément de formulaire qui contient dropzone dans l'attribut de classe

<form action="/file-upload"
      class="dropzone"
      id="my-awesome-dropzone"></form>

<script>var myDropzone = new Dropzone("div#myId", { url: "/file/post"});</script>

Cas

$("#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){
                //删除文件时触发的方法
                 });
            });
        }

    });

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!