个人博客 地址: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. 此Flash Player 与您的地区不相容,请重新安装Adobe Flash Player问题解决

    flash29老版本安装说明: 如果你是Google Chrome 54及以上版本,那么直接安装 install_flash_player_**_ppapi.exe 即可,Chrome 能识别加载,无 ...

  2. Html介绍,标签的语法

    1.标签由英文"<"和">"括起来组成,如<html>就是一个标签2.html中的标签一般都是成对成对出现的,分为开始标签和结束标签.结 ...

  3. Centos7下安装包方式安装MySQL

    安装包下载地址:https://cdn.mysql.com//Downloads/MySQL-5.7/mysql-5.7.27-1.el7.x86_64.rpm-bundle.tar 第一步:在 /h ...

  4. MySQL char与varchar 的区别

    一.差异 1.占用存储空间上 char 初始化时占固定空间,varchar依据插入内容大小使用空间. 2.char最大字符长度255个(约0.1KB),varchar则是65535(约192KB). ...

  5. SpringBoot2.x-笔记(01)

    程序入口 @SpringBootApplication public class SpringbootApplication { public static void main(String[] ar ...

  6. ng-简介

    Angular 是什么 Angular(读音['æŋgjʊlə])是一套用于构建用户界面的 JavaScript 框架.由 Google 开发和维护,主要被用来开发单页面应用程序. 类似于 Vue.j ...

  7. Tensor--tensorflow的数据类型

    在tensorflow2.0版本之前,1.x版本的tensorflow的基本数据类型有计算图(Computation Graph)和张量(Tensor)两种,但tensorflow2.0之后的版本取消 ...

  8. ECMAScript基本对象——Number 对象

    Number 对象,原始数值的包装对象. 1.创建 var num = new Number(value); 2.方法 toExponential(x)把对象的值转换为指数计数法. toFixed(x ...

  9. Android电源管理基础知识整理

    前言 待机.睡眠与休眠的区别? Android开发者官网当中提到"idle states",该如何理解,这个状态会对设备及我们的程序造成何种影响? 进入Doze模式中的idle状态 ...

  10. linux服务基础之nginx配置详解

    nginx简单介绍:https://www.cnblogs.com/ckh2014/p/10848670.html nginx编译安装:https://www.cnblogs.com/ckh2014/ ...