jquery - 如何为 DotNetNuke 使用 Aquantum 多文件 uploader (Jquery 插件)？

Question

我正在尝试使用 Aquantum Multiple File Upload在 DotNetNuke 中，但我无法让它工作。显然是因为我无法设置表单标签。

有人知道如何在不使用 form 标签的情况下实现 pling 吗？

例如:示例显示以下内容:

    <form id="file_upload" class="file_upload" runat="server">
      <div id = "filediv">
        <input type="file" name="file" multiple>
        <button>Upload</button>
        <div>Upload files</div>
      </div>
      <table id="files"></table> ...
    </form>

但我希望能够执行以下操作:

    <div id="file_upload" class="file_upload" runat="server">
      <div id = "filediv">
        <input type="file" name="file" multiple>
        <button>Upload</button>
        <div>Upload files</div>
      </div>
      <table id="files"></table> ...
    </div>

我使用的 Javascript 是这个:

  <script>
        /*global $ */
        $(function() {


            $('.file_upload').fileUploadUI({
                url: 'FileUpload.ashx',
                method: 'POST',
                uploadTable: $('#files'),
                downloadTable: $('#files'),
                buildUploadRow: function (files, index) {
                    return $('<tr><td>' + files[index].name + '<\/td>' +
                        '<td class="file_upload_progress"><div><\/div><\/td>' +
                        '<\/td><\/tr>');
                },
                buildDownloadRow: function(file) {
                return $('<tr id="file_'+file.name+'"><td>' + file.name + '<\/td>'
                    + '<td class="file_uploaded">' +
                    '<span class="ui-icon ui-icon-check"><\/span>' +
                    '<\/td><\/tr>');

                }, beforeSend: function(event, files, index, xhr, handler, callBack) {
                    if (files[index].size > 500000) {
                        handler.uploadRow.find('.file_upload_progress').html('<span class="ui-icon ui-icon-alert"><\/span>FILE TOO BIG!');
                        setTimeout(function() {
                            handler.removeNode(handler.uploadRow);
                        }, 10000);
                        return;
                    }
                    callBack();
                }
            });
        });
    </script> 

谢谢!欢迎任何帮助!

Answer 1

查看文档，您似乎需要使用 form 来支持 IE 和 Opera，但 DNN 中唯一可用的 form 是主要的 WebForms 表单。您可能需要考虑将 FileUpload.ashx 行为移动到 web.config 中设置的 HttpHandler 中。然后，您可以在 DNN 之前处理请求(使用 jQuery 插件上的 formData 选项向帖子添加某种标志，然后在处理程序中查找该标志)。

查看您的代码，它似乎应该适用于其他浏览器。 first FAQ in the documentation表示您只需要设置 url、method 和 fieldName 选项即可解决支持它的浏览器的表单(因此您可以尝试设置 fieldName 并查看是否有帮助)。

您发现了什么问题？有 JavaScript 错误吗？您的 ASHX 处理程序是否受到攻击？