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 ...
随机推荐
- Maven 仓库、坐标、常用命令
maven中的仓库 需要jar包时,先到本地仓库中找,没有就从中央仓库去下载到本地仓库. 中央仓库很多都在国外,下载速度慢.国内的一些公司在自己的服务器上搭建了maven仓库(中央仓库的镜像),供内部 ...
- Kakfa集群(2.11-0.10.1.0)版本滚动升级方案
Kafka集群版本升级(2.11-0.10.1.0)升级(2.11-0.10.2.2) 官网升级说明: 一.系统环境Zookeeper集群:172.16.2.10172.16.2.11172.16.2 ...
- vue router引入路由与路由配置容易犯错的地方与常见的报错与处理报错
首先npm安装vue-router插件,就不说了其次: 先看下我本地的目录结构吧 第一步:在src目录下新建一个专门存放router的index.js文件里面的内容为: import Vue from ...
- Spring Bean 在容器的生命周期是什么样的?
Spring Bean 的初始化流程如下: 实例化 Bean 对象 Spring 容器根据配置中的 Bean Definition(定义)中实例化 Bean 对象. Bean Definition 可 ...
- VAE
Waiting list: basic knowledge: http://adamlineberry.ai/vae-series/vae-code-experiments
- nCompass-解决方案介绍
nCompass-解决方案介绍 1. IT运维的现状及痛点 业务部门投诉系统不可用,各个部门盘查: 网络是通的:系统资源正常:应用进程状态都是正常的:数据库日志中也没有报错 运维被动: 80%的故障 ...
- 刷题79. Word Search
一.题目说明 题目79. Word Search,给定一个由字符组成的矩阵,从矩阵中查找一个字符串是否存在.可以连续横.纵找.不能重复使用,难度是Medium. 二.我的解答 惭愧,我写了很久总是有问 ...
- 纪中18日c组模拟赛
T2 GMOJ2127. 电子表格 (File IO): input:excel.in output:excel.out 时间限制: 1000 ms 空间限制: 262144 KB 具体限制 ...
- c#XML的基本使用
创建XML文档 static void Main(string[] args) { //1.引入命名空间 //2.创建XML文档对象 XmlDocument xmldoc = new XmlDocum ...
- 图片上传的进度条-jquery
<div style="padding: 10px;"> <div class="progress-bar" style="disp ...