成都网站建设设计

将想法与焦点和您一起共享

如何解决type=file的change事件只能执行一次的问题-创新互联

如何解决type=file的change事件只能执行一次的问题?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

专注于为中小企业提供网站制作、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业昌平免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000多家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

设计,不管文件上传成功与否,已添加的文件已经被记录了,所以不会再执行change事件,大概原因知道了,动手做吧,如果我能清空记录,事件不就能触发了吗,尝试了一下,尼玛,没成功。继续找方法,如果我替换了标签,然后重新绑定change事件会怎么,动手试了一下,成功了,下面贴上代码:


         

$('input[id=fileUpload]').click();

var count = 0;
       $('input[id=fileUpload]').unbind().change(function () {
           $('#form_Upload').ajaxSubmit(options);

       });

var options = {
           success: function (data) {
               //$scope.orderInfo = eval(data);
               $scope.$apply(function () {
                   $scope.orderInfo = eval(data);

                   //start 为避免type=file控件的change()只能执行一次,更换控件,重新绑定事件
                   count++;
                   $("#fileUpload").replaceWith('');
                   $('#fileUpload').on('change', function () {

                       $('#form_Upload').ajaxSubmit(options);
                   });
                   //end

$http.post(url, params).success(function (data) {
  do something
                   }, function () {
  do something

});
               });
           }
       };

感谢各位的阅读!看完上述内容,你们对如何解决type=file的change事件只能执行一次的问题大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。


文章题目:如何解决type=file的change事件只能执行一次的问题-创新互联
本文路径:http://chengdu.cdxwcx.cn/article/dgogdd.html