个人博客 地址: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. 疫情之下,使用FRP实现内网穿透,远程连接公司电脑进行办公

    当前情况下,经常会有需要到公司电脑进行一些操作,比如连接内网OA,数据库或者提交文档.为了减少外出,将使用frp进行内网穿透的方法进行一个说明. 前提条件 1. 一台拥有公网 IP 的设备(如果没有, ...

  2. Git操作 :从一个分支cherry-pick多个commit到其他分支

    在branch1开发,进行多个提交,这时切换到branch2,想把之前branch1分支提交的commit都[复制]过来,怎么办? 首先切换到branch1分支,然后查看提交历史记录,也可以用sour ...

  3. IDEA 代码量统计(Statistic)

    IDEA 代码量统计(Statistic) 1.1 前言 项目到了一定阶段,都会想要看看项目的代码量情况,这里主要使用插件Statistic进行代码统计查看. 1.2 安装插件步骤 找到插件市场入口并 ...

  4. CF1310D Tourism

    吐槽: 为什么这场CF-不寻常,1D不应该是2F么-[悲] 题意: 给定一个完全图,路径带权且 \(dis_{i,j}\) 不一定等于 \(dis_{j,i}\),边数为\(k\)不存在奇环且起点和终 ...

  5. ext4文件系统启动自检的必要性

    最近我们发现多个用户设备掉电后重启,系统不工作. 研究这些返修设备,发现这些设备的表象是网络连接失败,DNS resolve不了.进一步发现/etc/resolv.conf为空,所以应用程序没法进行D ...

  6. 1-2.Kubectl命令行工具

    1.kubectl用法 $~: kubectl [command] [TYPE] [NAME] [flags] [command] 子命令.用于操作Kubernetes集群资源对象. 可取值:[cre ...

  7. k8s 在Centos上 安装

    k8s安装步骤: 1.所有机器上执行以下命令,准备安装环境:(注意是所有机器,主机master,从机node都要安装) 1.1.安装epel-release源(EPEL (Extra Packages ...

  8. Radmin Server v3.5.1 汉化破解绿色版 第四版

    下载:https://pan.baidu.com/s/1skOXffJ 使用方法:1.运行“安装.bat”,安装过程静默,安装后无托盘图标,不创建任何快捷方式.2.运行“设置.bat”,进入 radm ...

  9. 【已解决】redis-py-cluster安装成功但导入失败,提示cannot import name b

    背景: 一直跑的好好的自动化突然跑不起来了,提示是在导包的时候发生错误 发生错误的行是 from rediscluster import StrictRedisCluster 提示信息如下 检查安装包 ...

  10. python全栈学习 day02

    pycharm 安装设置: 按照百度百科或者官网介绍下载,安装. 激活步骤 1:改host 2.输入激活信息,注意有效期. python 逻辑运算符://返回的均为bool值 与 and A and ...