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 ...
随机推荐
- HA: Chakravyuh Vulnhub Walkthrough
靶机链接: https://www.vulnhub.com/entry/ha-chakravyuh,388/ 主机探测扫描: 端口扫描: ╰─ nmap -p- -sC -sV 10.10.202.1 ...
- Android项目实战(五十九):调试方法神器Hugo
先上GitHub地址:Hugo 一句话描述该框架,以Log的形式告诉我们某个方法传入的每一个参数以及返回值,以及调用的activity 时间 等其他信息 非常适用方便代码调试 引入框架: 根目录下的b ...
- SVN状态图标不显示的解决办法
第一步:检查设置 右键->TortoiseSVN->setting->Icon Overlays->Status cache->default/Shell.或者 右键-& ...
- hadoop3自学入门笔记(3)-java 操作hdfs
1.core-site.xml <configuration> <property> <name>fs.defaultFS</name> <val ...
- vuex学习详细解(主页目录
学习vuex过程中,通过 vue-cli命令来配置和使用vuex笔记整理 vue-cli中配置vuex流程和注意事项 vuex目录配置 vuex的states.js vuex的getters.js v ...
- Linux学习Day1:开班第一天
其实这篇博客应该昨天就要写完的,算是补作业吧. 昨天(2020年2月14日)是参加Linux线上培训的第一天,当天培训结束后,老师要求学员每天写一篇博客来记录自己学到的知识,于是就有了这篇博客的诞生. ...
- 【python基础语法】第8天作业练习题
""" # 第一题: # 要求:请将数据读取出来,转换为以下格式 {'data0': '数据aaa', 'data1': '数据bbb', 'data2': '数据ccc ...
- MongoDB高可用架构集群管理(一)
MongoDB数据库核心的两个特点:第一个特点是副本集的自动切换,保证数据的高可靠.服务的高可用:第二个特点是自动分片.服务的横向扩展能力. (一)副本集架构 MongoDB的副本集是一组保持相同数据 ...
- ipad的12系统里提示更新到ipdos13,原来安装在12上的app是不是没有了,要重新下载
ipad的12系统里提示更新到ipdos13,原来安装在12上的app是不是没有了,要重新下载 更新后原来的WiFi密码都还在不用重新连接WiFi,桌面壁纸也是原来12系统上的 在Ipad的设置里将1 ...
- 网站SEO中服务器优化的三个问题
网站做好之后,站长第一件事就是想到去做SEO,但是有一些网站在做优化的时候,出现一些奇怪的情况,比如说优化已经不错的网站,排名突然就掉下来了:还有一些网站各项优化工作都是非常认真,但是排名却一直不上来 ...