文件上传的一些东西
2016-12-08 11:19
267 查看
最近招了两个前端,,都有两年的开发经验的了。进来就上手一个移动web的项目。在做图片上传的时候,就找了一大堆jquery的插件,这样的很不好呀。。其实移动端,完全可以自己很轻易搞掂文件上传,,FormData,,好东西,直接来东西
这是我自己封装的一个ajax,什么timeout,progress,,待完善
function xhr(url,success,data,method,async){
var options = options || {};
var method = method ? method.toLowerCase() : "get";
var url = url || "";
var success = success;
if(async === undefined || async === ""){
async = true;
}
var data = data || null;
var type = typeof data; //传入参数的类型
var sendData = "";
var isPost = !(data instanceof FormData) && method == "post"; //判断是否是纯文本post提交
if(data){
if(type == "string"){ //字符串
sendData = data;
}else if(type == "object"){
if(data instanceof FormData){
sendData = data;
}else{
for(var k in data){
var req = encodeURIComponent(k);
var value = data[k];
var param = "";
if(Array.isArray(value)){
value.forEach(function(v){
param += (req + "=" + encodeURIComponent(v));
param += "&";
})
param.trim("&");
}else{
param = req + "=" + encodeURIComponent(data[k]);
}
if(sendData === ""){
sendData += param;
}else{
sendData += ("&"+param);
}
}
}
}
}
工作完成了99%。文件如何上传呢。。
<form id='form''>
<input file='file'/>
</forn>
xhr("xxxxx.php",function(res){
},new FormData(document.querySelector('form')),"post");
搞掂。。。
关于FormData,,没见过的,,百度去
这是我自己封装的一个ajax,什么timeout,progress,,待完善
function xhr(url,success,data,method,async){
var options = options || {};
var method = method ? method.toLowerCase() : "get";
var url = url || "";
var success = success;
if(async === undefined || async === ""){
async = true;
}
var data = data || null;
var type = typeof data; //传入参数的类型
var sendData = "";
var isPost = !(data instanceof FormData) && method == "post"; //判断是否是纯文本post提交
if(data){
if(type == "string"){ //字符串
sendData = data;
}else if(type == "object"){
if(data instanceof FormData){
sendData = data;
}else{
for(var k in data){
var req = encodeURIComponent(k);
var value = data[k];
var param = "";
if(Array.isArray(value)){
value.forEach(function(v){
param += (req + "=" + encodeURIComponent(v));
param += "&";
})
param.trim("&");
}else{
param = req + "=" + encodeURIComponent(data[k]);
}
if(sendData === ""){
sendData += param;
}else{
sendData += ("&"+param);
}
}
}
}
}
工作完成了99%。文件如何上传呢。。
<form id='form''>
<input file='file'/>
</forn>
xhr("xxxxx.php",function(res){
},new FormData(document.querySelector('form')),"post");
搞掂。。。
关于FormData,,没见过的,,百度去
相关文章推荐
- 工作中碰到的一些东西【弹出窗口】【拖放】【异步文件上传】
- 工作中碰到的一些东西【弹出窗口】【拖放】【异步文件上传】
- j2ee Struts2.0 下的文件上传一些东西
- 工作中碰到的一些东西【弹出窗口】【拖放】【异步文件上传】
- 前不久,微软发布了其网络硬盘的正式版本:Windows Live Skydrive。它面向公共用户免费提供5G空间,最大单个文件支持到50M,还提供个人文件夹。微软的东西,当然会让人更放心一些,而且最重要的是它提供永久存储服务,还提供超链接!
- php实现文件上传的一些经验
- 对smartuploader多文件上传组件的一些修改[已汉化]
- 上传文件的一些细节
- 关于Windows程序的一些东西(断点、头文件)
- php实现文件上传的一些经验
- 关于上传文件有问题的一些解释
- C# 对sharepoint 列表的一些基本操作,包括添加/删除/查询/上传文件给sharepoint list添加数据
- C# 对sharepoint 列表的一些基本操作,包括添加/删除/查询/上传文件给sharepoint list添加数据
- C# 对sharepoint 列表的一些基本操作,包括添加/删除/查询/上传文件给sharepoint list添加数据
- C# 对sharepoint 列表的一些基本操作,包括添加/删除/查询/上传文件给sharepoint list添加数据
- php实现文件上传的一些经验(摘录)
- C# 对sharepoint 列表的一些基本操作,包括添加/删除/查询/上传文件给sharepoint list添加数据
- C# 对sharepoint 列表的一些基本操作,包括添加/删除/查询/上传文件给sharepoint list添加数据
- 黄聪:一些文件上传组件(Flash,JQuery,asp,php,js,AJAX)
- 上传文件的一些细节: