使用jquery ajax上传多个图像而不点击任何按钮

时间:2013-08-22 13:32:55

标签: php jquery ajax upload

我已经写了一个脚本,我可以用jquery ajax php上传多个图像..这里是jquery和html部分

$(function () {
    var form_control = $('#myForm');

     $('#myform').on('click', '.upload', function(){   
            var form = new FormData($('#myform')[0]);
            $.ajax({
                url: 'image_send_form.php',
                type: 'POST',
                 beforeSend: function ( xhr ) {
                 $("#gif").show();
            },
                success: function (r) {

                    $("#gif").hide();
                    $('.container_upload_form').html(r);

            },

            data:form,
                cache: false,
                contentType: false,
                processData: false
            });
            $('.confirm_upload').show();
        });
    });


<form enctype="multipart/form-data" id="myform">    
<input type="file" accept="image/*" multiple name="image[]" id="image" />
<input type="button" value="Upload images" class="upload" />
<input type="button" value="Cancel" id="close_upload"/>

这个脚本工作得很完美..但我想做一些不同的事情......我不想要任何提交按钮..我的意思是根据这段代码我必须首先上传任何图像我必须选择它然后点击按钮上传..我想要的是当我选择任何图像时它会自动上传!!就像facebook个人资料图片一样!我们没有点击任何按钮上传那里!有什么帮助吗?..

0 个答案:

没有答案