今天踩了个ajaxFileUpload的大坑,上传文件的时候,怎么样看都没把file数据带上。
分析数据上传能看出来
各种折腾,最后发现编码的时候<Input>需要写成这个样子
id 必须要有,
name 也必须要有, 没有name就带不上参数..(没写name,浪费几个小时,蛋碎了一地)
<input type="file" id="appfile" name="appfile" value="米老鼠">
上传参数传递
$.ajaxFileUpload({
url : '../../api/fileUpload.do', //用于文件上传的服务器端请求地址
secureuri : false, //一般设置为false
fileElementId : 'appfile', //文件上传的id属性
dataType : 'json', //返回值类型 一般设置为json
success : function(data, status) {
console.debug('上传成功',data);
},
error: function (data, status, e)//服务器响应失败处理函数
{
console.debug('上传失败',data);
}
});
- 大小: 37.3 KB
分享到:
相关推荐
AjaxFileUpload 是一个专门用于实现异步文件上传的JavaScript组件,它利用了Ajax技术,让用户可以在不刷新页面的情况下完成文件上传,提供了更为流畅和友好的用户体验。 AjaxFileUpload 的核心原理在于利用Ajax...
AJAXFileUpload是一种基于AJAX技术的异步文件上传组件,它允许用户在不刷新页面的情况下上传文件,并且可以实时显示上传进度,提供良好的用户体验。本文将深入探讨AJAXFileUpload的工作原理、实现方式以及其在实际...
【标题】:“ajaxfileupload1.0.zip 文件无刷新上传代码” 这个压缩包“ajaxfileupload1.0.zip”提供了一种实现无刷新文件上传的解决方案。无刷新上传,也称为异步文件上传,是现代网页应用中常用的一个功能,它...
通过ajaxfileupload实现JS的文件上传
**AjaxFileUpload是基于JavaScript和Ajax技术的一种文件上传组件,它允许用户在不刷新整个页面的情况下实现异步文件上传。这种技术在Web开发中被广泛应用,因为它提供了良好的用户体验,允许用户在后台处理文件上传...
$.ajaxFileUpload 针对文件上传进行了优化,处理了文件二进制数据的传输问题。 该插件的工作原理如下: 1. 用户选择要上传的文件后,$.ajaxFileUpload 将这些文件封装成FormData对象。 2. 使用Ajax调用,创建...
ajaxfileupload.js用于文件上传
**AjaxFileUpload异步上传文件技术详解** AjaxFileUpload是一种基于JavaScript和Ajax技术的文件上传组件,它允许用户在不刷新整个页面的情况下实现文件的异步上传,极大地提升了用户体验。这个组件广泛应用于Web...
ajaxfileupload.js 这是个非常好的异步上传图片的插件,来解决form表单上传时要刷新页面的问题。支持多文件上传
**AjaxFileUpload实现异步文件上传详解** 在Web开发中,传统的文件上传方式通常会导致页面刷新,用户体验不佳。为了提供更好的交互性,开发者通常会采用异步文件上传技术,AjaxFileUpload就是这样一个JavaScript库...
ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件,ajaxFileUpload上传文件
此为前端进行文件上传,使用Ajax方式提交的js插件,使用方便简洁,开发很高效。
本文将详细介绍如何解决在IE9和Firefox下使用`AjaxFileUpload.js`进行文件上传时遇到的大文件上传失效的问题。 #### 问题描述 当尝试通过`AjaxFileUpload.js`上传较大文件至服务器时,在IE9和Firefox浏览器中可能...
博文 http://blog.csdn.net/qq_34273222/article/details/54428580 中所需要的js文件,如有问题请在博客留言。
该js包是在官方下载的ajaxFileUpload.js基础上所做修改后的包,修改该包所要解决的问题包括: 1、浏览器上传文件后不刷新页面再次点击上传时后台接收不到文件的bug。 2、解决了ajaxFileUpload 报jQuery.handleError ...
3. **配置AjaxFileUpload**:使用jQuery选择器获取文件输入元素,并调用AjaxFileUpload方法进行配置,包括设置上传URL、成功回调、错误回调等。 4. **触发上传**:绑定一个点击事件到上传按钮,当点击时触发文件上传...
2. **AJAXFileUpload**: AJAXFileUpload是基于jQuery的一个插件,用于实现异步文件上传。它利用Ajax技术,使得文件上传无需刷新页面即可完成。这极大地提升了用户体验,因为用户可以在上传文件的同时继续浏览其他...
AjaxFileUpload是基于JavaScript和AJAX技术的一种实现文件上传的方式,它允许用户在不刷新整个页面的情况下进行文件上传,提供了一种更为流畅的用户体验。在本文中,我们将深入探讨AjaxFileUpload的工作原理、如何...
3. **跨域问题**:如果文件上传涉及到跨域,需要确保服务器端设置正确的CORS策略。 **五、源码分析** `AjaxFileUpload.js`的源码包含了很多实用功能,如文件类型检查、文件大小检查、错误处理等。通过阅读源码,...
对handleError错误,json返回值已修改,支持批量文件上传