Home > Backend Development > PHP Tutorial > javascript - ajaxfileupload插件 ajaxstart

javascript - ajaxfileupload插件 ajaxstart

WBOY
Release: 2016-06-06 20:18:23
Original
1094 people have browsed it

  1. 描述你的问题
    使用插件上传图片时,显示和隐藏的gif图片有问题。

上传第一张图时
javascript - ajaxfileupload插件 ajaxstart
上传第二张图时

javascript - ajaxfileupload插件 ajaxstart
上传第三张图时

javascript - ajaxfileupload插件 ajaxstart

  1. 贴上相关代码


<code>function ajaxFileUpload(a){
    if(a == 0){
        $$("#loading_upload").ajaxStart(function(){
            $$(this).show();
        }).ajaxComplete(function(){
            $$(this).hide();
        });
    }else{
        $$("#loading_upload"+a).ajaxStart(function(){
            $$(this).show();
        }).ajaxComplete(function(){
            $$(this).hide();
        });
    }
</code>
Copy after login
Copy after login

3.loading_upload+a就是对应每个位置的id号,为什么我再上传第二张图片的时候,第一张图片的gif也显示了出来,上传第三张图片时,一二张的gif也显示了出来?该如何修改?

回复内容:

  1. 描述你的问题
    使用插件上传图片时,显示和隐藏的gif图片有问题。

上传第一张图时
javascript - ajaxfileupload插件 ajaxstart
上传第二张图时

javascript - ajaxfileupload插件 ajaxstart
上传第三张图时

javascript - ajaxfileupload插件 ajaxstart

  1. 贴上相关代码


<code>function ajaxFileUpload(a){
    if(a == 0){
        $$("#loading_upload").ajaxStart(function(){
            $$(this).show();
        }).ajaxComplete(function(){
            $$(this).hide();
        });
    }else{
        $$("#loading_upload"+a).ajaxStart(function(){
            $$(this).show();
        }).ajaxComplete(function(){
            $$(this).hide();
        });
    }
</code>
Copy after login
Copy after login

3.loading_upload+a就是对应每个位置的id号,为什么我再上传第二张图片的时候,第一张图片的gif也显示了出来,上传第三张图片时,一二张的gif也显示了出来?该如何修改?

Whenever an Ajax request completes, jQuery triggers the ajaxComplete event. Any and all handlers that have been registered with the .ajaxComplete() method are executed at this time.

via https://api.jquery.com/ajaxComplete/

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template