个人博客 地址: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上传文件工具类的更多相关文章

  1. java上传文件工具类

    这个是之前整理之前所学时与使用java向邮箱发送邮件一块找到的,一起贴出来供大家参考: import java.awt.image.BufferedImage; import java.io.File ...

  2. java ftp上传文件 工具类

    package com.learning.spboot.utils; import com.jcraft.jsch.*; import org.apache.commons.net.ftp.FTPCl ...

  3. FTP上传-封装工具类

    import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import ja ...

  4. ftp上传下载工具类

    package com.taotao.utils; import java.io.File; import java.io.FileInputStream; import java.io.FileNo ...

  5. 使用ajaxfileupload.js上传文件

    一直以来上传文件都是使用form表单上传文件,也看到过有人使用js上传文件,不过看起来蛮简单的也就没有怎么去理会.今天突然要使用这种方式上传文件,期间还遇到点问题.因此就记录下来,方便以后遇到这样的问 ...

  6. js 上传文件后缀名的判断 var flag=false;应用

    js 上传文件后缀名的判断  var flag=false;应用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...

  7. js上传文件带参数,并且,返回给前台文件路径,解析上传的xml文件,存储到数据库中

    ajaxfileupload.js jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId ...

  8. atitit.javascript js 上传文件的本地预览

    atitit.javascript js 上传文件的本地预览 1. .URL.createObjectURL  1 1.1. 吊销所有使用 URL.createObjectURL 而创建的 URL,以 ...

  9. Spring MVC文件上传下载工具类

    import java.io.File; import java.io.IOException; import java.io.UnsupportedEncodingException; import ...

随机推荐

  1. jmeter-json提取器提取的内容含”引号

    这时如果直接赋值会报错  解决方法: 1.用vars.get("Object")提取变量的值 2.用代码提取,最后把提取到的Object或Array转为String

  2. Python之write与writelines区别

    一.传入的参数类型要求不同: 1. file.write(str)需要传入一个字符串做为参数,否则会报错. write( "字符串") with open('20200222.tx ...

  3. redis学习三连奏,绝对让你彻底吃透分布式架构精髓

    2020年初,远程办公与直播授课成为国民刚需,腾讯因此免费开放可支持300人同时在线会议的“腾讯会议”.一时之间,这款软件的用户呈爆发性增长,据统计,腾讯会议一天就有近较100倍日常的会议数量. 谈及 ...

  4. TotalUninstall6破解步骤卸载软件更彻底更专业

    软件包分享,这里使用的是6.24版本 链接:https://pan.baidu.com/s/1aVd6bclk5A6puyWBfAOA2A提取码:mhl9 接下来开始安装 安装步骤: 点击安装.基本上 ...

  5. [TJOI2015] 概率论 - Catalan数

    一棵随机生成的 \(n\) 个结点的有根二叉树(所有互相不同构的形态等概率出现)的叶子节点数的期望.\(n \leq 10^9\) Solution \(n\) 个点的二叉树个数即 Catalan 数 ...

  6. ISE post-place&route仿真准备

    ISE post-place&route仿真准备 使用目的:post-place&route仿真是综合后考虑门延时而进行的仿真.因为考虑到各个门的延时,所以可以发现行为仿真(behav ...

  7. 使用Docker镜像安装saltshaker

    要求 Saltstack < 2019 Python >= 3.6 Mysql >= 5.7.8 (支持Json的Mysql都可以) Redis(无版本要求) RabbitMQ (无 ...

  8. Sublime text3 最新版破解,永久有效

    下载sublimeText3的安装包并安装(已经安装的可以忽略) 在hosts文件中添加:127.0.0.1    license.sublimehq.com(hosts文件地址:C:\Windows ...

  9. Java设计模式(四)工厂方法模式

    定义与类型 定义:定义一个创建对象的接口,但让实现这个接口的类来决定实例化哪个类,工厂方法让类的实例化推迟到子类中进行. 类型:创建型 适用场景 创建对象需要大量重复的代码 客户端(应用层)不依赖于产 ...

  10. 集合使用 Iterator 删除元素

    针对常见的数据集合,比如 ArrayList 列表,对其进行遍历,删除其中符合条件的某个元素,使用 iterator 迭代器进行迭代,代码如下: public class PracticeContro ...