Question

我正在使用dropzone的以下配置。我的问题是文件正在服务器上传，但console.log(response);和console.log(file);没有在控制台中显示任何内容。删除链接也没有添加到图片。

<form action="UploadImages"
      class="dropzone"
      id="image-uploader" enctype="multipart/form-data">
    <i class="fa fa-image" id="dzopen"></i>
</form>                
<div id="media-upload-previews">
</div>
 Dropzone.options.dz = {
        paramName: "file",
        maxFilesize: 10,
        url: 'UploadImages',
        previewsContainer: "#media-upload-previews",
        uploadMultiple: true,
        parallelUploads: 5,
        maxFiles: 20,
        acceptedFiles: "image/*,audio/*,video/*",
        init: function() {
            this.on("success", function(file, responseText) {
                var response = jQuery.parseJSON(responseText);
                alert(file);
                alert(responseText);
              });
            this.on("thumbnail", function(file, dataUrl) {
                $('.select_img').html('<img src="' + dataUrl + '" width="50" height="50" alt="">');
            });
            this.on("removedfile", function(file) {
            });
        }
    }

编辑：在这里，我要显示带有和高度为50的图像（默认预览的内容），上传后我想在控制台中显示file, responseText值，以便我可以使用它用于删除。但这并没有显示具有指定宽度和高度的内容，并且在上传后没有响应控制台如何执行这些

Answer 1

尝试正常工作http://jsfiddle.net/xrcwrn/y8697re4/4/

$("i#dzopen").dropzone({
    paramName: "file",
    maxFilesize: 10,
    url: 'UploadImages',
    previewsContainer: "#media-upload-previews",
    uploadMultiple: true,
    parallelUploads: 5,
    maxFiles: 20,
    acceptedFiles: "image/*,audio/*,video/*",
    init: function () {
        this.on("success", function (file, responseText) {
            alert(file);
            alert(responseText);
           console.log(file);
        });
        this.on("thumbnail", function (file, dataUrl) {
            $('#media-upload-previews').append('<img src="' + dataUrl + '" width="50" height="50" alt="">');
        });
        this.on("removedfile", function (file) {});
        this.on("complete", function (file) {
            alert(file);
        });
    }
});

`console.log（responseText）;`和`console.log（file）;`不显示任何数据

1 个答案: