Dropzone.js - 加载时出错,奇怪的长消息

时间:2016-06-04 21:48:29

标签: javascript dropzone.js

我正在尝试做一个简单的dropzone文件上传器。我对服务器端不感兴趣,因为我没有认真对待这个,只是尝试前端的js。一切似乎都没问题,加载栏工作正常,但随后它总是显示X图像,然后我得到这个包含html的疯狂长信息。

这让我感到困惑,因为从我看到的例子中,如果有错误,它将显示来自js的字符串。我不知道为什么它会显示这条长信息。

它与"动作"有什么关系?或"文件"类型?

屏幕截图在这里  https://scontent-lhr3-1.xx.fbcdn.net/v/t1.0-9/13310379_496643860530613_5508631554600071626_n.jpg?oh=1c25de2a0cb0957a68c1e8e2905b52df&oe=57DC5CA0https://scontent-lhr3-1.xx.fbcdn.net/v/t1.0-9/13310379_496643860530613_5508631554600071626_n.jpg?oh=1c25de2a0cb0957a68c1e8e2905b52df&oe=57DC5CA0

编辑:

我的HTML是这样的:

require('../app')('weather', {
        temperature : temperature
    });

2 个答案:

答案 0 :(得分:0)

我很糟糕,不知道你使用的是默认Dropzone.js。如果可以,我会删除downvote,但现在它被锁定了。 尝试

<form action="UploadImages" class="dropzone">
</form>

也删除<div id="dropzone">。您已经为表单指定了dropzone,因此将其包装在id为dropzone的div中是没有意义的。

jsFiddle:http://jsfiddle.net/3zhyg73u/85/所以你可以比较你的代码,看看它为什么不起作用。

答案 1 :(得分:0)

对不起,我对此很陌生,但是我认为这是因为当发出失败的帖子请求时,来自错误事件的errorMessage接收了一个包含HTML的字符串。您可以这样做来更改消息。这不是最好的方法,但是它可以工作:/哦,我正在为这个特定项目使用jQuery

var myDropzone = new Dropzone('#icDropZone', {
        url: "/file/post",
        error: function(response, errorMessage, xhrObj) {
            if(response.status === "error") {
                $('div.dz-default.dz-message > span').show(); // Show message span
                $('div.dz-default.dz-message').css({'opacity':1, 'background-image': 'none'});
                $('.dropzone .dz-preview .dz-error-message').attr('style','display:block;opacity:1;top: 150px;background:#D44F4F;');
                $('.dropzone .dz-preview .dz-error-message span').html('Error uploading image')
            }
        }
    });