ajax 文件上传应用简单实现

2016-02-19 16:04 0 1 收藏

下面请跟着图老师小编一起来了解下ajax 文件上传应用简单实现，精心挑选的内容希望大家喜欢，不要忘记点个赞哦！

【 tulaoshi.com - Web开发】

这个插件支持多个文件选取功能，很不错，而且代码简单
代码如下:
$("#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
下面是我实现该应用的的一些截图

多文件选择

准备上传

文件上传中

来源:http://www.tulaoshi.com/n/20160219/1611010.html

上一篇：在登录触发器错误情况下连接SQL Server
下一篇： jQuery 操作XML入门

看过《ajax 文件上传应用简单实现》的人还看了以下文章更多>>

在VB中实现文件上传

标签：编程语言网络编程

VisualBasic作为一个集应用程序开发、测试、查错功能于一体的集成式开发环境,越来越受到程序员的青睐。笔者在开发某数据库维护系统的过程中,选择了VB5.0作为开发平台,Unix作为服务器端操作系统,Informix作为服务器数据库。问题的出现在开发该维护系统的过程中,注意到Informix数据库的字段类型CLOB填入数据时需要函数FILETOCLOB("FILEN...

php+ajax文件上传进度条

代码分为以下部分: demo.php - 上传过程处理 PLAIN TEXTPHP: <?php include ’UploadProgressMeter.class.php’; $fileWidget = new UploadProgressMeter(); if ($fileWidget-uploadComplete()) { /...

AJAX和JSP实现的基于WEB的文件上传的进度控制代码

标签： Web开发

1.引言 2.实现代码 2.1.服务器端代码 2.1.1. 文件上传状态类（FileUploadStatus） 2.1.2. 文件上传状态侦听类（FileUploadListener） 2.1.3. 后台服务类（BackGroundService） 2.1.4. 文件上传状态控制类（BeanControler） 2.2. 客户端代码 2.2.1. AjaxWrapper.js 2.2.2. fileUpload.html 2.2.3. result.jsp 2.2.4. fileUpload.css 2.3. 配置文...

ajax(iframe)无刷新提交表单、上传文件

标签： Web开发

找遍资料得出结果：不能不过同时也找到了解决办法，就是用iframe的方式来提交表单，即实现无刷新提交表单又可以上传文件！一、HTML代码代码如下： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta ...

在Struts 2中实现文件上传