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 ...
随机推荐
- MySQL中使用group by 是总是出现1055的错误
因为在MySQL中使用group by 是总是出现1055的错误,这就导致了必须去查看是什么原因了,查询了相关的资料,现在将笔记记录下来,以便后面可以参考使用: sql_mode:简而言之就是:它定义 ...
- \n不换行
\n在js中表示换行,<br/>在html中表示换行,所以如果在设置innerHtml值时使用 \n ,那么在页面上并不会显示换行,而在设置innerText值时使用 \n 就会显 ...
- CSP2019第二轮-划水游记
又是 颓废的 一年 眨眼间已经初三了 到了NOIPCSP的时节 Day0 学校(没错,全校事件)抽风地把二晚停了,于是也就有了机会早早回家van♂耍 和母上大人简单地收拾收拾东西,回了姥姥家 以&qu ...
- 安装vue-devools
https://blog.csdn.net/weixin_38654336/article/details/80790698
- es5和es6中如何处理不确定参数
场景:求出不定参数的总数和 //利用arguments function sum () { let num = 0 //Array.prototype.forEach.call(arguments,f ...
- EasyUI笔记(四)菜单和按钮
本系列只列出一些常用的属性.事件或方法,具体完整知识请查看API文档 Menu(菜单) 菜单组件通常用于快捷菜单.他是构建其他菜单组件的必备基础组件.比如:menubutton和splitbutton ...
- Neo4j入门-开始使用
前言 关系,指事物之间相互作用.相互影响的状态. 数据之间的关系也是如此,数据之间关系的存储在RDS就已经开始.从数据库支持的外键,到手动建立的关系表,人们采取了许多方法,只为了解决查询复杂.缓慢等问 ...
- 剑指offer-面试题41-数据流中的中位数-堆
/* 题目: 链接:https://www.nowcoder.com/questionTerminal/9be0172896bd43948f8a32fb954e1be1 来源:牛客网 如何得到一个数据 ...
- kali-linux下载地址
1 https://www.kali.org/downloads/2 http://cdimage.kali.org/ 下载地址.
- 在服务器上安装并配置JDK1.8
参考链接:https://blog.csdn.net/qq_40958000/article/details/83996912