Table of Contents
回复内容:
Home Backend Development PHP Tutorial javascript - ajaxfileupload插件 ajaxstart

javascript - ajaxfileupload插件 ajaxstart

Jun 06, 2016 pm 08:18 PM
javascript php

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

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

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

javascript - ajaxfileupload插件 ajaxstart

  1. 贴上相关代码


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<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. 贴上相关代码


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<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/

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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian PHP 8.4 Installation and Upgrade guide for Ubuntu and Debian Dec 24, 2024 pm 04:42 PM

PHP 8.4 brings several new features, security improvements, and performance improvements with healthy amounts of feature deprecations and removals. This guide explains how to install PHP 8.4 or upgrade to PHP 8.4 on Ubuntu, Debian, or their derivati

CakePHP Date and Time CakePHP Date and Time Sep 10, 2024 pm 05:27 PM

To work with date and time in cakephp4, we are going to make use of the available FrozenTime class.

Discuss CakePHP Discuss CakePHP Sep 10, 2024 pm 05:28 PM

CakePHP is an open-source framework for PHP. It is intended to make developing, deploying and maintaining applications much easier. CakePHP is based on a MVC-like architecture that is both powerful and easy to grasp. Models, Views, and Controllers gu

CakePHP File upload CakePHP File upload Sep 10, 2024 pm 05:27 PM

To work on file upload we are going to use the form helper. Here, is an example for file upload.

CakePHP Creating Validators CakePHP Creating Validators Sep 10, 2024 pm 05:26 PM

Validator can be created by adding the following two lines in the controller.

CakePHP Logging CakePHP Logging Sep 10, 2024 pm 05:26 PM

Logging in CakePHP is a very easy task. You just have to use one function. You can log errors, exceptions, user activities, action taken by users, for any background process like cronjob. Logging data in CakePHP is easy. The log() function is provide

How To Set Up Visual Studio Code (VS Code) for PHP Development How To Set Up Visual Studio Code (VS Code) for PHP Development Dec 20, 2024 am 11:31 AM

Visual Studio Code, also known as VS Code, is a free source code editor — or integrated development environment (IDE) — available for all major operating systems. With a large collection of extensions for many programming languages, VS Code can be c

CakePHP Quick Guide CakePHP Quick Guide Sep 10, 2024 pm 05:27 PM

CakePHP is an open source MVC framework. It makes developing, deploying and maintaining applications much easier. CakePHP has a number of libraries to reduce the overload of most common tasks.

See all articles