AjaxUpload
jQuery(function(){
var upload = new AjaxUpload(jQuery('#test4'), {
action: 'upload-test.php',
name: 'woohoo-custom-name',
data: {
'key1': "This data won't be sent, we will overwrite it."
},
autoSubmit: false,
responseType: 'json',
onChange: function(file, ext){
},
onSubmit: function(file, ext){
// Allow only images. You should add security check on the server-side.
if (ext && /^(jpg|png|jpeg|gif)$/i.test(ext)) {
this.setData({
'key1': 'This should be alerted',
'key2': '...'
});
} else {
alert('not image');
return false;
}
},
onComplete: function(file, response){
this.disable();
alert(response.post.key1);
}
});
jQuery('#test4upload').click(function(){
upload.submit();
upload.enable();
return false;
});
});
</script>
这样就可以看到选择的文件了。
onChange: function(file,ext) {
$("#SelectFile").html(file);
},
注: 默认的必须有文件才可以提交。如果文件是选填,则用户没选择文件就不可以提交。 我更新了一下ajaxupload.js
代码
/Files/myx/js/ajaxupload.rar
转载于:https://www.cnblogs.com/myx/archive/2010/05/11/1732767.html
AjaxUpload相关推荐
- query AjaxUpload实现多文件上传功能代码实例教程
在PHP网站开发中,文件上传功能时常用到,之前我已介绍过如何利用PHP实现文件上传功能.随着WEB技术的发展,用户体验成为衡量网站成功与否的关键,今天和大家分享如何在PHP中利用Jquery实现Aja ...
- jQuery插件ASP.NET应用之AjaxUpload
本次使用AJAXUPLOAD做为上传客户端无刷上传插件,其最新版本为3.9,官方地址:http://valums.com/ajax-upload/ 在页面中引入 jquery.min.1.4.2.js ...
- 使用 Jquery AjaxUpload 上传图片
原文地址为: 使用 Jquery AjaxUpload 上传图片 来源:http://www.cnblogs.com/hxling/archive/2010/07/05/1771320.html 本次 ...
- 使用ajaxupload.js插件上传图片不成功问题----RTFSC
一.项目中使用ajaxupload.js插件上传图片,返回值不正确 <head><title>对不起,系统故障,您访问的页面暂时无法访问!</title></ ...
- AjaxUpLoad.js文件上传插件的使用
一.页面中的配置 <aebiz:file property="bigPicData" fileType="<%=FileConst.FILE_TYPE_PIC ...
- AjaxUpLoad.js使用实现文件上传
AjaxUpLoad.js的使用实现无刷新文件上传,如图. 图1 文件上传前 图2 文件上传后 1.创建页面并编写HTML 上传文档: <div class="uploadFile&q ...
- Spring MVC 实现Excel的导入导出功能(2:Excel的导入优化和Excel的导出)
Excel的导入V2优化版 有些时候文件上传这一步骤由前端来处理,只将上传后的 URL 传输给后端(可以参考上一文中的图片上传功能),也就是导入请求中并不会直接处理 MultipartFile 对象, ...
- Webwork 学习之路【07】文件上传下载
Web上传和下载应该是很普遍的一个需求,无论是小型网站还是大并发访问的交易网站.WebWork 当然也提供了很友好的拦截器来实现对文件的上传,让我们可以专注与业务逻辑的设计和实现,在实现上传和下载时顺 ...
- Django-Ajax进阶
一.Ajax上传文件 1.form表单上传文件 文件和其他的数据类型不一样,是一个二进制的形式 Form上传文件的时候切记要加上:enctype="multipart/form-data&q ...
- php 点击选择图片上传,快速实现PHP图片上传和预览
用户点击选择文件 选好图片后,自动进行一次提交.完成图片的上传.但不修改原引用图片的地址.后续第二次提交是修改result文件中引用图片的地址(PS:为了简便这里使用了result文件),完成整个上传 ...
最新文章
- **使用 Git Hook 实现网站的自动部署
- Nginx配置文件详细说明
- Spring cloud zuul跨域(一)
- 查询进程并杀死该进程
- Division 贪心,模拟 牛客练习赛95
- 贺TDSQL喜提286万QPS!本文回顾了它的十年锻造之路
- 淘宝客程序 —— 突破了传统淘宝客程序对自动采集商品收费的模式
- Android 心跳呼吸动画
- Android 一个漂亮的Android日期和时间选择器:DateTimePicker
- linux shell 字典 定义 新增元素
- 数据挖掘 NLP 之 文本挖掘 文本处理 通用流程
- notepad++打开bin文件
- Git分布式版本控制系统简介和使用
- 让华为小米抱团 统一推送联盟究竟是何方神圣?
- 分水岭算法c语言,分水岭算法的概念及原理
- 多分类中accuary与micro F1-score的恒等性
- Ubuntu8.04硬盘安装指南
- C++的静态成员变量和静态成员函数
- 配置java运行时环境时出现could not find java.dll
- ChatGPT研究报告:AIGC带来新一轮范式转移