Atitit .h5文件上传
来源:互联网 发布:苹果怎么打开php文件 编辑:程序博客网 时间:2024/05/20 15:40
Atitit .h5文件上传
1.上传原理1
2.Html1
3.Js2
4.uploadV2.js2
5.upServlet & FileUploadService {3
6.注意::去除struts的干扰3
7.参考3
1. 上传原理
FormData + apache io
2. Html
<script type="text/javascript" src="../com.attilax/io/uploadV2.js">
<input id="filex" type="file" name="fileField" style="display:nonex" onchange="uploadSrv.upload()"/>
<div id="uppic_btn" name="btn" type="button" style=" margin-top:0px ; height:30px ; background-color:#0AEAFD " onclick="custom_browserBtn_click();" >浏览按钮
<!-- process bar q414 add recomm-->
<div id="process_div"></div>
</div>
作者:: ★(attilax)>>> 绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ) 汉字名:艾龙, EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax
3. Js
<script defer>
// $app_path="/lime"; for test
var saveDir="00upQ4";
saveDir=encodeURIComponent(saveDir);
var uploadSrv=new AtiUpload();
uploadSrv.up_url=$approot+"/upServlet?savepath="+saveDir;
uploadSrv.upload_finish_handler=function(data){
alert("上传结束返回结果:"+data);
};
function custom_browserBtn_click()
{
$("#filex").click();
}
</script>
4. uploadV2.js
// JavaScript Document
function AtiUpload()
{
this.up_url;
this.upload_finish_handler;
}
AtiUpload.prototype. upload=function()
{
var self=this;
try{
$("#process_div").progressBar(99);
}catch(e){
console.log(e);
}
var fd = new FormData();
//fd.append("upload", 1);
fd.append("upfile", $("#filex").get(0).files[0]);
$.ajax({
url: this.up_url,
type: "POST",
processData: false,
contentType: false,
data: fd,
success: function(d) {
console.log(d);
console.log("----fini");
//$("#file_val").val(d);
// writeCookie("file_url_frmJS",$("#file_val").val(),10);
self.upload_finish_handler(d);
upload_finish();
}
});
}
5. upServlet & FileUploadService {
6. 注意::去除struts的干扰
当项目有struts框架,配置了监控所有的url /*的时候 (默认)。。会获取不到数据,需要去除struts的干扰
<constant name="struts.action.excludePattern" value="/upServlet,
7. 参考
Pinnge p2.html
D:\wamp\www\lime\com.attilax\io
- Atitit .h5文件上传
- Atitit .h5文件上传 v3
- H5原生文件上传
- H5上传文件file
- h5文件分块上传
- AJAX+H5 上传文件+进度条
- H5拖曳文件上传示例
- springmvc + h5(进度条)文件上传
- h5文件上传完整实例
- h5新增文件图片上传
- Atitit.js获取上传文件全路径
- h5上传视频或文件编写
- php用h5实现多文件上传
- H5限制文件上传大小,还可以
- h5 input控件 多文件上传
- H5 formData实现批量ajax上传文件
- atitit. 文件上传带进度条 atiUP 设计 java c# php
- atitit.ajax上传文件的实现原理 与设计
- 在jsp页面中嵌入fckeditor
- 面试系列之二:C艹翻转双向链表
- HOOK Engine (nthookengine.mhook)
- PHP调试跟踪之XDebug使用总结
- JS截取字符串substr和substring方法的区别
- Atitit .h5文件上传
- 将链表链接并且对链表排序(通过插入和删除函数实现
- 一个很好的仿微博消息浏览功能的Demo
- 求Sn=a+aa+aaa+aaaa+...+aaaaaa...a的值
- 在Java的JDBC使用中设置事务回滚的保存点的方法
- C#反射实用技术
- android------关于API 23的权限问题
- Android 开发之集成百度地图的定位与地图展示
- uva10943 How do you add?