Ajax使用valums ajax上传插件在表单内上传

时间:2010-02-09 06:52:37

标签: ajax file upload

我刚遇到这个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方法。任何建议或链接都​​将非常有用。感谢

3 个答案:

答案 0 :(得分: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,但它确实是......

答案 1 :(得分:1)

我可以使用autoSubmit:false的唯一方法是在任何函数之外添加它:

var uploader;
var uploadFile;

然后在AjaxUpload(...

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

然后在函数中进行上传:

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

希望这有帮助

答案 2 :(得分:0)

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