转自:http://www.cnblogs.com/linjiqin/p/3530848.htmljQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。1、引入AjaxFileUpload插件相关的js<script type="text/javascript" src="<%=basePath%>resources/js/jquery-1.2.1.js"></script>
<script type="text/javascript" src="<%=basePath%>resources/js/ajaxfileupload.js"></script>备注:测试发现...
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理。
一、详解ajaxFileUpload插件...
平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理。
一、详解ajaxFileUpload插件的语法参数原理:ajaxfileupload是通过监听iframe的onloa...
平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理。
一、详解ajaxFileUpload插件的语法参数原理:ajaxfileupload是通过监听iframe的onloa...
平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理。
一、详解ajaxFileUpload插件的语法参数原理:ajaxfileupload是通过监听iframe的onloa...
本文主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。服务器端采用struts2来处理文件上传。所需环境:jquery.jsajaxfileupload.jsstruts2所依赖的jar包及struts2-json-plugin-2.1.8.1.jar编写文件上传的Actionpackage com.ajaxfile.action;import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;import org.apach...
ajaxFileUpload是一个异步上传文件的jQuery插件 传一个不知道什么版本的上来,以后不用到处找了。 语法:$.ajaxFileUpload([options]) options参数说明:1、url 上传处理程序地址。 2,fileElementId 需要上传的文件域的ID,即<input type="file">的ID。3,secureuri 是否启用安全提交,默认为false。 4,dataType 服务器返回的数据类型。可以为xml,scri...
ajaxfileupload.js jQuery.extend({createUploadIframe: function (id, uri) {//id为当前系统时间字符串,uri是外部传入的json对象的一个参数//create framevar frameId = jUploadFrame + id; //给iframe添加一个独一无二的idvar iframeHtml = <iframe id=" + frameId + " name=" + frameId + " style="position:absolute; top:-9999px; left:-9999px"; //创建iframe元素if (window.ActiveXObject) {//判断浏览器是否支持ActiveX控...
点我下载工程代码 由于项目需求,在处理文件上传时需要使用到文件的异步上传。这里使用Jquery Ajax File Uploader这个组件下载地址:http://www.phpletter.com/download_project_version.php?version_id=6 服务器端采用struts2来处理文件上传。 所需环境: jquery.js ajaxfileupload.js struts2所依赖的jar包 及struts2-json-plugin-2.1.8.1.jar 编写文件上传的Action 代码如下: package com.ajaxfile.action; import java.io.Fil...
直接说方法:代码如下:$.ajaxFileUpload({data:{"a":123,"b":456};//附加参数,json格式});然后在ajaxFileUpload.js文件中修改两个函数,其实就是一个函数(给函数添加新的参数)
第一处: 代码如下:createUploadForm: function(id, fileElementId,data){}大于在26行吧。
然后在在函数体中加入以下代码: 代码如下:if (data) { for (var i in data) { $().appendTo(form); } }
代码作用:处理json数据,往form...
无论是PHP,还是其他的服务端脚本都提供了文件上传功能,实现起来也比较简单。而利用JavaScript来配合,即可实现Ajax方式的文件上传。虽然jQuery本身没有提供这样的简化函数,但有不少插件可以实现。其中,Phpletter.com提供的ajaxfileupload.js是一个轻量的插件,而且编写方式与jQuery提供的全局方法$.post()非常相似,简单易用。
不过,该插件实在太简化了,除了可提供需上传文件的路径外,也就不能传递额外的值到后台服务端。所...
jQuery插件AjaxFileUpload可以实现ajax文件上传,该插件使用非常简单,首先了解一下正确使用AjaxFileUpload插件的方法,然后再了解一些常见的错误信息和解决方法。
使用说明
需要使用jQuery库文件 和AjaxFileUpload库文件
使用实例
一,包含文件部分代码如下:二,HTML部分代码如下:上传 只需要三个元素,一个动态加载小图标、一个文件域和一个按钮
注意:使用AjaxFileUpload插件上传文件可不需要form,如下:因为AjaxFileUpload插件...
ajaxFileUpload是一个异步上传文件的jQuery插件。传一个不知道什么版本的上来,以后不用到处找了。语法:$.ajaxFileUpload([options])options参数说明:
1、url 上传处理程序地址。
2,fileElementId 需要上传的文件域的ID,即的ID。
3,secureuri 是否启用安全提交,默认为false。
4,dataType 服务器返回的数据类型。可以为xml,script,json,html。如果不填写,...
一、ajaxFileUpload是一个异步上传文件的jQuery插件。
传一个不知道什么版本的上来,以后不用到处找了。
语法:$.ajaxFileUpload([options])
options参数说明:
1、url 上传处理程序地址。
2,fileElementId 需要上传的文件域的ID,即的ID。
3,secureuri 是否启用安全提交,默认为false。
4,dataType 服务器返回的数据类型。可以为xml,script,json,html。如果...
在服务器端做文件上传的过程中,如果使用web服务器短端的上传控件去上传文件的话,会导致页面刷新一次,这样对用户的体验就不是很友好了。ajaxfileupload.js是一款jQuery的异步上传文件插件,使用简单且容易上手。
前置条件:ajaxfileupload.js文件,百度下载一个就行。
JS引用:代码如下:html代码:代码如下:JS代码:代码如下:
function saveCInfo() {var filename = document.getElementById("fileToUpload").value;if (filename...