最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
基于jQuery异步上传文件的例子
时间:2016-06-02 编辑:简简单单 来源:一聚教程网
问题描述:
通过jQuery异步上传文件,这是HTML:
代码如下 | 复制代码 |
File JavaScript代码: $(document).ready(function () { $.ajax({ |
以上方法只能得到上传的文件名,怎么办?
解决办法1: 直接通过jQuery Form插件来解决这个问题相关的API、Options对象可以自行查阅官网;
解决办法2:采用HTML5,用jQuery,Ajax实现文件上传,不仅如此,你可以做文件验证(名称,大小,MIME类型)或利用HTML5的进度标签(或者div)处理进度事件;
HTML代码:
代码如下 | 复制代码 |
|
首先,你可以做一些验证,例如文件的onChange事件:
代码如下 | 复制代码 |
$(':file').change(function(){ |
按钮点击触发Ajax:
代码如下 | 复制代码 |
$(':button').click(function(){ |
处理进度:
代码如下 | 复制代码 |
function progressHandlingFunction(e){ |
相关文章
- jQuery.Form上传文件操作 03-14
- jQuery 利用 FormData 上传文件的例子 08-10
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31