AjaxUpload

最新推荐文章于 2020-05-29 16:34:37 发布

weixin_30291791

最新推荐文章于 2020-05-29 16:34:37 发布

阅读量61

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/myx/archive/2010/05/11/1732767.html

版权

代码

             < script >
                jQuery( function (){
                     var upload = new AjaxUpload(jQuery( ' #test4 ' ), {
                        action: ' upload-test.php ' ,
                        name: ' woohoo-custom-name ' ,
                        data: {
                             ' key1 ' : " This data won't be sent, we will overwrite it. "
                        },
                        autoSubmit: false ,
                        responseType: ' json ' ,
                        onChange: function (file, ext){
                        },
                        onSubmit: function (file, ext){
                             // Allow only images. You should add security check on the server-side.
                             if (ext && / ^(jpg|png|jpeg|gif)$ / i.test(ext)) {
                                 this .setData({
                                     ' key1 ' : ' This should be alerted ' ,
                                     ' key2 ' : ' ... '
                                });
                            } else {
                                alert( ' not image ' );
                                 return false ;
                            }
                        },
                        onComplete: function (file, response){
                             this .disable();
                            alert(response.post.key1);
                        }
                    });
                    jQuery( ' #test4upload ' ).click( function (){
                        upload.submit();
                        upload.enable();
                         return false ;
                    });
                });
             < / script>

这样就可以看到选择的文件了。

</div>

onChange: function(file,ext) {

$("#SelectFile").html(file);

注：默认的必须有文件才可以提交。如果文件是选填，则用户没选择文件就不可以提交。我更新了一下ajaxupload.js

代码

/Files/myx/js/ajaxupload.rar

转载于:https://www.cnblogs.com/myx/archive/2010/05/11/1732767.html