使用ajaxfileupload.js实现上传文件功能
2024-08-25 23:35:29
<div class="pictureList">
<div class="pictureItem" id="uploadItem">
<div class="pictureDiv">
<span class="commonSprite LAddWhiteBtn" onclick="triggeruploadPicture()"></span>
<p class="tipP">将你要上传的图片拖至此区域</p>
<input type="file" class="uploadPicture" onchange="uploadPicture(this)" name="Picture_path" id="Picture_path" accept="image/png,image/jpg,image/jpeg" />
</div>
<span class="uploadSpan" onclick="triggeruploadPicture()">点击上传</span>
</div>
</div>
function triggeruploadPicture() {
$(".uploadPicture").trigger("click");
}
function uploadPicture(obj) {
var file = $(obj).attr("id");
$.ajaxFileUpload({
url: '../../Ajax/Common/DocumentCommon.ashx?type=AddDocumentImage',
//type: 'post',
timeout: 60000,
secureuri: false,
fileElementId: file, //file控件id
dataType: 'json',
success: function (data, status) {
alert(data.Msg);
if (data.Success) { }
},
complete: function (status) { //请求完成后最终执行参数 }
});
}
最新文章
- jsp日期插件My97DatePicker
- ASP.NET SignalR 与 LayIM2.0 配合轻松实现Web聊天室(五) 之 加好友,加群流程,消息管理和即时消息提示的实现
- paip.配置ef_unified_filter() failed ext_filter_module mod_ext_filter.so apache 错误解决
- NET 2.0 OCR文字识别技术(Tesseract 引擎)[转]
- Android 动态Tab分页效果实现
- Openflow的转发与传统的转发区别和优势
- soinn
- zookeeper选举代码分析
- HDU 2159 FATE(全然背包+二维费用背包)
- IS-A 和 HAS-A
- ssh-copy-id
- [BZOJ1070] [SCOI2007] 修车 (费用流 &; 动态加边)
- H3C数据中心虚拟化解决方案技术白皮书
- Java并发(二)—— 并发编程的挑战 与 并发机制的底层原理
- SQL-27 给出每个员工每年薪水涨幅超过5000的员工编号emp_no、薪水变更开始日期from_date以及薪水涨幅值salary_growth,并按照salary_growth逆序排列。 提示:在sqlite中获取datetime时间对应的年份函数为strftime(&#39;%Y&#39;, to_date)
- ASP.NET AJAX入门系列(5):使用UpdatePanel控件(二) UpdatePanel
- 一个windows计划任务的Nginx日志自动截断的批处理命令
- 2018-02-03-PY3下经典数据集iris的机器学习算法举例-零基础
- js 数组去重的三种方法(unique)
- [每日一题] OCP1z0-047 :2013-08-24 FLASHBACK—TABLE/PRIMARY KEY(FOREIGN KEY?)......98
热门文章
- vue-validator(vue验证器)
- (转)gulp使用
- Javascript格式化json返回的时间(/Date(1482747413000)/)
- 真正解决vbox不能为虚拟电脑打开一个新任务的解决方法
- 数据结构作业——Fresh Meat(优先队列)
- Selenium+python 配置
- [Java] ApplicationContext 辅助类
- java使double保留两位小数的多方法 java保留两位小数
- 转→js数组遍历 千万不要使用for...in...
- spring MVC 尝试传参json(应用部分)