jQuery上传文件插件AjaxFileUpload的使用
来源:互联网 发布:c语言符号表 编辑:程序博客网 时间:2024/05/21 07:52
jQuery插件AjaxFileUpload可以实现ajax文件上传,需要jQuery库文件和ajaxfileupload.js
一.引入部分
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="ajaxfileupload.js"></script>
二.<body>部分
<img src="images/nophoto.jpg" id="picture" width="160px" height="200px"/>
<input type="file" id="touxiang" name="photo" size="10" onchange="changImg()"/>
注意:使用AjaxFileUpload插件上传文件可不需要form
<form name="form" action="" method="POST" enctype="multipart/form-data">
……相关html代码……
</form>
三.js部分
function changImg(){
$.ajaxFileUpload
(
{
url:'XXX.action', //上传文件的服务端
secureuri:false, //是否启用安全提交
dataType: 'text', //数据类型
fileElementId:'touxiang', //表示文件域ID
//提交成功后处理函数 html为返回值,status为执行的状态
success: function(html,status)
{
},
//提交失败处理函数
error: function (html,status,e)
{
}
}
)
}
四.原理
利用jQuery的选择器获得file文件上传框中的文件路径值,然后动态的创建一个iframe,并在里面建立一个新的file 文件框,提供post方式提交到后台。最后,返回结果到前台。
五.总结
使用jQuery插件AjaxFileUpload实现无刷新上传文件非常实用,由于其简单易用,因些这个插件相比其它文件上传插件使用人数最多,非常值得推荐。
- jQuery上传文件插件AjaxFileUpload的使用
- jQuery的插件ajaxFileupload上传文件
- ajaxFileUpload Jquery文件上传插件
- ajaxFileUpload文件上传Jquery插件
- jQuery使用ajaxfileupload插件实现ajax文件上传
- Ajax实现文件上传(使用jQuery插件之ajaxFileUpload)
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- jQuery 文件上传插件ajaxFileUpload使用以及onchange问题
- 利用Jquery ajaxfileupload插件+PHP 进行文件的上传
- jquery ajaxFileUpload.js插件支持多文件上传的方法
- 文件上传JQuery插件 ajaxFileUpload 不严谨的bug
- ajaxFileUpload ajax上传文件!jquery插件
- jQuery插件AjaxFileUpload实现文件上传
- jquery插件AjaxFileUpload实现ajax文件上传
- jQuery插件AjaxFileUpload实现ajax文件上传
- jquery插件Ajaxfileupload上传Excel文件
- jQuery插件AjaxFileUpload实现ajax文件上传
- jquery ajaxfileupload插件实现文件上传
- 利用fiddler工具调试android应用发送HttpURLConnection请求
- Perl 学习笔记 --- 16
- 详解包含、扩展和泛化
- \latex 居中与缩进
- 持久化对象的生命周期
- jQuery上传文件插件AjaxFileUpload的使用
- Android开发一:开发环境搭建
- JUnit简介
- 备忘录:推荐13款JavaScript图形和图表绘制工具
- 非汇编指令实现 显示 整型,浮点型, 正负数的32位补码
- hdu2112 最短路+map
- 用MyEclipse部署SSH框架
- 程序莫名其妙的错误,怎么办?
- response.setContentType()的String参数及对应类型