ajax 文件上传应用简单实现- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > ajax 文件上传应用简单实现

技术文章搜索

关键字

Javascript 中的 ajax 文件上传应用简单实现

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 85 ::

收藏到网摘: n/a

jQuery 使用个人心得用正则表达式动态创建/增加css style script 兼容IE firefox

今天看到一个jquery插件jquery.fileupload.v.1.5.0，自己试着结合java做了一个ajax的文件上传小应用这个插件支持多个文件选取功能，很不错，而且代码简单

复制代码代码如下:

$("#fileUpload").fileUpload({ 
'uploader': 'style/uploader.swf', 
'cancelImg': 'style/img/cancel.png', 
'folder': '/mbs/fileUpload', 
'script': '/mbs/FileUpload', 
'buttonText': 'Durchsuchen', 
'fileDesc': '*.jpg;*.gif;*.png', 
'fileExt': '*.jpg;*.gif;*.png', 
'scriptData': {'uploadAction': 'upload'}, 
'multi': true 
});

'multi': true ：就是启功多文件选择功能。
'script': '/mbs/FileUpload' ：上传文件的后台处理
'scriptData': {'uploadAction': 'upload'} ：post数据需要带的变量
具体属性说明可以查看官方文档
http://www.ronniesan.com/articles/jquery-multiple-file-upload.php
下面是我实现该应用的的一些截图

多文件选择

准备上传

文件上传中

jQuery 使用个人心得用正则表达式动态创建/增加css style script 兼容IE firefox

Javascript 中的 ajax 文件上传应用简单实现

评论 (0) All