• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

一、jQuery实现文件上传

1.定义用户界面结构

ogqxoxchb1c4548.png

2.验证是否选择了文件

52ptxydedjd4549.png

3.向上传中追加文件

l0g3uhgxtp14550.png

4.使用框架发起上传文件的请求

schge5p3lqh4551.png

示例代码:

!声明文档类型

html lang='en '

meta charset='UTF-8 '

meta http-equiv=' X-UA-Compatible ' content=' IE=edge '

meta name=' viewport ' content=' width=device-width,initial-scale=1.0 '

标题文档/标题

脚本src='/js文件/jquery-3。6 .0 .js '/脚本

/头

身体

输入类型='文件id='文件1 '

按钮id='butUpload '上传文件/按钮

/body

脚本

$(function () {

$('#btnUpload ').on('click ',function () {

var files=$('#file1')[0].文件

if (files.length=0) {

返回警报('请选择文件后再上传)

}

var fd=新表单数据()

fd.append('头像,文件[0])

//发起框架的创建交互式、快速动态网页应用的网页开发技术请求,上传文件

$.ajax({

方法: '发布:

网址: ' http://www。刘龙斌。' top :3006/API/上传/头像',

数据: fd,

过程数据:错误,

contentType: false,

成功:函数(资源){

控制台。日志(分辨率);

}

})

})

})

/脚本

/html

二、jQuery实现装货效果

1.ajaxStart(回调)

埃阿斯请求开始时,执行ajaxStart函数。可以在ajaxStart的回收中显示装货效果,示例代码如下

0ulyaen5l4s4552.png

注意:$(文档)。ajaxStart()函数会监听当前文档内所有的埃阿斯请求。

2.ajaxStop(回调)

埃阿斯请求结束时,执行ajaxStop函数。可以在ajaxStop的回收中隐藏,加载效果,示例代码如下:

!声明文档类型

html lang='en '

meta charset='UTF-8 '

meta http-equiv=' X-UA-Compatible ' content=' IE=edge '

meta name=' viewport ' content=' width=device-width,initial-scale=1.0 '

标题文档/标题

脚本src='/js文件/jquery-3。6 .0 .js '/脚本

/头

身体

输入类型='文件id='文件1 '

按钮id='butUpload '上传文件/按钮

英国铁路公司

img src='/img/1。jpg ' alt=' ' style=' display : none;id='正在加载'

/body

脚本

$(function () {

//监听到埃阿斯请求被发起了

$(文档)。ajaxStart(function () {

$('#loading ').显示

})

//监听到埃阿斯完成的事件

$(文档)。ajaxStop(function () {

$('#loading ').隐藏()

})

$('#btnUpload ').on('click ',function () {

var files=$('#file1')[0].文件

if (files.length=0) {

返回警报('请选择文件后再上传)

}

var fd=新表单数据()

fd.append('头像,文件[0])

//发起框架的创建交互式、快速动态网页应用的网页开发技术请求,上传文件

$.ajax({

方法: '发布:

网址: ' http://www。刘龙斌。' top :3006/API/上传/头像',

数据: fd,

过程数据:错误,

contentType: false,

成功:函数(资源){

控制台。日志(分辨率);

}

})

})

})

/脚本

/html

Link to comment
Share on other sites