Dropzone图像上传错误显示如何删除错误

Question

评论：我累了所有的问题&回答相关此主题。

我想在Dropzone中上传img或其他文档后删除弹出窗口中的HTML数据。

Dropzone上传的文件被分配 var accept = ".png";工作正常。 见代码Here。但图像或其它文件上传之后再一些HTML是显示

代码段下面的例子。

var accept = ".png"; 
 
Dropzone.autoDiscover = false; 
 

 
// Dropzone class: 
 
var myDropzone = new Dropzone("#mydropzone", { 
 
    url: "/file/post", 
 
    acceptedFiles: accept, 
 
    uploadMultiple: false, 
 
    createImageThumbnails: false, 
 
    addRemoveLinks: true, 
 
    maxFiles: 3, 
 
    maxfilesexceeded: function(file) { 
 
     this.removeAllFiles(); 
 
     this.addFile(file); 
 
    } 
 
    
 
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/dropzone.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.3.0/basic.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="clsbox-1" runat="server" > 
 
\t \t <div class="dropzone clsbox" id="mydropzone"> 
 

 
\t \t </div> 
 
\t </div>

Answer 1

这个错误是因为你正在运行在小提琴的代码，并悬浮窗正试图将文件上传到一个不存在的网址引起的。

当dropzone出现错误时，显示服务器在红色弹出窗口中收到的消息，在这种情况下，它是一个html页面。

当您将文件上传到有效的网址时，不会发生这种情况。

您可以像这样更改弹出窗口中的文本。

var myDropzone = new Dropzone("#mydropzone", { 
    url: "/file/post", 
    acceptedFiles: accept, 
    uploadMultiple: false, 
    createImageThumbnails: false, 
    addRemoveLinks: true, 
    maxFiles: 3, 
    maxfilesexceeded: function(file) { 
    this.removeAllFiles(); 
    this.addFile(file); 
    }, 
    init: function() { 
    this.on('error', function(file, errorMessage) { 
     if (errorMessage.indexOf('Error 404') !== -1) { 
     var errorDisplay = document.querySelectorAll('[data-dz-errormessage]'); 
     errorDisplay[errorDisplay.length - 1].innerHTML = 'Error 404: The upload page was not found on the server'; 
     } 
    }); 
    } 
}); 

或者当您处于小提琴状态时，您可以通过仅更改课程来假装上传成功。

init: function() { 
    this.on('error', function(file, errorMessage) { 
    if (file.accepted) { 
     var mypreview = document.getElementsByClassName('dz-error'); 
     mypreview = mypreview[mypreview.length - 1]; 
     mypreview.classList.toggle('dz-error'); 
     mypreview.classList.toggle('dz-success'); 
    } 
    }); 
}