js上传文件工具类
个人博客 地址:http://www.wenhaofan.com/article/20180808210417
jQuery.extend({
uploadUtil:function(){
}
});
/**
* 上传file form
*/
$.uploadUtil.prototype.uploadFileForm=function(paras){
if(this.uploadServerUrl==undefined){
throw "upload.js->uploadServerUrl not defined"
}
$.ajax({
url:this.uploadServerUrl, //上传图片请求的路径
method:'POST', //方法
data:paras.dataForm, //数据
processData: false, //告诉jQuery不要加工数据
dataType:'json',
contentType: false,
success: function(data) {
paras.success(data);
},
error:function(data){
if(paras.erro|| typeof paras.error === "function"){
paras.erro(data);
}
}
});
}
/**
* 上传js file文件
*/
$.uploadUtil.prototype.uploadFile= function (paras) {
var dataForm=new FormData();
var file=paras.file;
var resultFile;
//如果是jquery对象 且类型为input file 则抛出异常
if(this.isJquery(file)&&this.isFileInput(file)){
resultFile=$(file).get(0).files[0];
}else{
resultFile=file;
}
dataForm.append('upfile',paras.file);
paras.dataForm=dataForm;
this.uploadFileForm(paras);
}
/**
* 判断是否是file input
*/
$.uploadUtil.prototype.isFileInput=function(obj){
var tagName=$(obj)[0].tagName;
return tagName=="INPUT"&&obj.attr("type").toLowerCase=="file";
}
/**
* 判断是否是jquery对象
*/
$.uploadUtil.prototype.isJquery=function(obj){
return obj instanceof jQuery;
}
$.uploadUtil.prototype.uploadServerUrl=undefined;
/**
* 设置上传路径
*/
$.uploadUtil.prototype.setUploadServerUrl=function(uploadServerUrl){
this.uploadServerUrl=uploadServerUrl;
}
/**
* 获取上传路径
*/
$.uploadUtil.prototype.getUploadServerUrl=function(){
return this.uploadServerUrl;
}
js上传文件工具类的更多相关文章
- java上传文件工具类
这个是之前整理之前所学时与使用java向邮箱发送邮件一块找到的,一起贴出来供大家参考: import java.awt.image.BufferedImage; import java.io.File ...
- java ftp上传文件 工具类
package com.learning.spboot.utils; import com.jcraft.jsch.*; import org.apache.commons.net.ftp.FTPCl ...
- FTP上传-封装工具类
import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import ja ...
- ftp上传下载工具类
package com.taotao.utils; import java.io.File; import java.io.FileInputStream; import java.io.FileNo ...
- 使用ajaxfileupload.js上传文件
一直以来上传文件都是使用form表单上传文件,也看到过有人使用js上传文件,不过看起来蛮简单的也就没有怎么去理会.今天突然要使用这种方式上传文件,期间还遇到点问题.因此就记录下来,方便以后遇到这样的问 ...
- js 上传文件后缀名的判断 var flag=false;应用
js 上传文件后缀名的判断 var flag=false;应用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
- js上传文件带参数,并且,返回给前台文件路径,解析上传的xml文件,存储到数据库中
ajaxfileupload.js jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId ...
- atitit.javascript js 上传文件的本地预览
atitit.javascript js 上传文件的本地预览 1. .URL.createObjectURL 1 1.1. 吊销所有使用 URL.createObjectURL 而创建的 URL,以 ...
- Spring MVC文件上传下载工具类
import java.io.File; import java.io.IOException; import java.io.UnsupportedEncodingException; import ...
随机推荐
- MFC/QT 学习笔记(二)——MFC入门
MFC以C++形式封装了Windows API //实践 编写MFC需要的头文件#include <afxwin.h> 程序执行流程: 实例化应用程序对象(有且只有一个) 执行程序入口函数 ...
- javaSE学习笔记(17)---锁
javaSE学习笔记(17)---锁 Java提供了种类丰富的锁,每种锁因其特性的不同,在适当的场景下能够展现出非常高的效率.本文旨在对锁相关源码(本文中的源码来自JDK 8).使用场景进行举例,为读 ...
- Ubuntu18.04下配置深度学习开发环境
在Ubuntu18.04下配置深度学习/机器学习开发环境 1.下载并安装Anaconda 下载地址:https://www.anaconda.com/distribution/#linux 安装步骤: ...
- cjson库的移植和使用
cjson 下载链接 https://github.com/DaveGamble/cJSON 下载完成将其中的cJson.c cJson.h复制到自己的项目中引用即可: 1.字符串转json格式 cJ ...
- elsearch搜索引擎 + painless脚本语言入门
最近项目用到了elsearch,ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎. 自从版本6.0之后,其默认脚本语言变为 painless . ...
- 破局AI落地难,数据标注行业需率先变革丨曼孚科技
2019年,国内人工智能领域的投融资热情大幅降低,相当数量的AI企业彻底消失在了历史的长河中,“人工智能寒潮已至”甚至成为行业年度热词. 与前几年创业与投资热情齐头并进的盛况相比,近段时间的AI行业 ...
- 使用phpstudy向mysql中导入数据
- javaweb简单的学生信息录入系统
讲一下思路,主界面的设计就是用html表单元素,百度查找各个元素的用法,按照自己的想法摆放即可,表单提交后会把数据交给serverlet去处理,在那里定义几个字符串变量来储存获取到的数据,然后按照项目 ...
- Bad Hair Day【单调栈】
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzMAAANgCAIAAACX06G4AAAgAElEQVR4Aey9e5RlW13fuw40HORxfI ...
- 金蝶云星空Python案例地址
https://club.kingdee.com/forum.php?mod=viewthread&tid=1235461