Ajax Upload 在表单中使用 valums ajax 上传插件答案

【问题标题】：Ajax Upload using valums ajax upload plugin inside a formAjax Upload 在表单中使用 valums ajax 上传插件
【发布时间】：2011-01-14 16:47:54
【问题描述】：

我刚刚遇到了这个ajax upload plugin，我希望在demo page example 3 所示的表单中使用它。由于某种原因，我无法使其工作。我不确定函数中有哪些参数。例如这里是我的示例代码。

$(document).ready(function(){

        var upload = new AjaxUpload('property_i',
        {
        action: 'submitproperty.php',
        autoSubmit: false,
        onSubmit : function(file , extension){
        return false;
        }
        });

        var upload_data = upload.setData({
        'propertytype':'propertytype'
        });

       });

现在 AjaxUpload 函数中使用的 ID 应该是整个表单的 ID。另外我如何使用 setData 方法。任何建议或链接都会非常有帮助。谢谢

【问题讨论】：

标签： ajax file upload

【解决方案1】：

我可以让它与 autoSubmit: false 一起工作的唯一方法是将它添加到任何函数之外：

var uploader;
var uploadFile;

然后在 AjaxUpload(...

            onChange: function(file, response){
                    uploader = this;
                    uploadFile = file;
            },

然后在函数中进行上传：

  uploader.setData({session: session});
  uploader.submit();

希望对你有帮助

【讨论】：

【解决方案2】：

我让它与以下代码一起工作：

new AjaxUpload('#uploader_button', {
    action: 'filename.ashx',
    autoSubmit: true,
    onSubmit: function(file, ext) {
        // --- stuff here

        // --- add postdata parameters
        this.setData({ id: 1, title: docTitle.val() }); 
    },
    onComplete: function(file, response) {
        // --- stuff here too
    }
});

它不使用 var，而是在 onSubmit 块中添加自定义数据参数。唯一的其他区别是我没有将参数键括在引号中，因为它似乎可以正确序列化。而且我没有使用 autoSubmit: false ，而是它是真的......

【讨论】：

【解决方案3】：

我正在使用uploadify，非常有用。 http://www.uploadify.com/

【讨论】：

您好，感谢您的回复。但我更喜欢使用这个插件本身。我几乎搜索了所有论坛，但找不到解决方案。但是 ajaxupload 的演示页面说我们可以在表单中使用它。只需要知道如何解决它..谢谢
您是否向项目所有者发送了邮件？