【问题标题】:Send one file of Dropzone to multiple urls将一个 Dropzone 文件发送到多个 url
【发布时间】:2016-11-22 17:38:30
【问题描述】:

我使用Dropzone 已经有一段时间了,它运行良好。虽然,我不得不改变我的方法。我曾经将文件发送到一个 url(像在 Dropzone 中一样),但是,我需要将它发送到多个 url(同一个文件)。我找不到答案。有人知道原因吗?

【问题讨论】:

    标签: javascript dropzone.js


    【解决方案1】:

    我认为 dropzone 中没有内置功能可以做到这一点,但您可以为每个额外的 url 发送一个额外的 xmlhttprequest,您可以在任何获取 dropzone 文件对象的情况下发送第二个请求。

    这是一个在默认上传成功时发送它的最小示例:

    js:

    Dropzone.options.myDropzone = {
    
        // This is the default dropzone url in case is not defined in the html
        url: 'upload.php',
    
        init: function() {
    
            this.on('success', function(file){
    
                // Just to see default serve response on console
                console.log(file.xhr.responseText);
    
                // Creat a new xmlhttprequest with the second url
                secondRequest = new XMLHttpRequest();
                secondRequest.open('POST', 'upload2.php', true);
    
                // Just to see second server response on success
                secondRequest.onreadystatechange = function () {
                    if(secondRequest.readyState === XMLHttpRequest.DONE && secondRequest.status === 200) {
                        console.log(secondRequest.responseText);
                    }
                };
    
                // Create a new formData and append the dropzone file
                var secondRequestContent = new FormData();
                secondRequestContent.append('file', file, file.name);
    
                // Send the second xmlhttprequest
                secondRequest.send(secondRequestContent);
    
            });
        }
    };
    

    【讨论】:

    • 感谢 wallek876 的回复。但我最终在 ' addedfile' 事件中使用了图像 base64 并从中调用了一个函数。
    猜你喜欢
    • 2015-03-17
    • 1970-01-01
    • 2012-08-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-12-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多