html页面点击按钮上传文件,点击按钮实现文件上传及控制文件上传类型

1.原生js实现文件上传

html部分:

上传文件

js部分：

upload(event) { //代替执行上传功能

let it = event.target;

$(it).next().click();

UploadFile() { //上传文件

let msg = new FormData();

msg.append('file', $('#uploadBillsInp')[0].files[0]);

msg.append('enctype', 'multipart/form-data');

this.$post('接口地址',msg, {

headers: {'Content-Type': 'multipart/form-data'},

fileType: 'text'

}).then(data => {

console.log(data)

});},

2.elementUI实现文件上传

上传

export default{

data(){

return{

fileList: [],

}

methods:{

UploadFile(content) {//上传文件

let msg = new FormData();

msg.append('file', content.file);

msg.append('enctype', 'multipart/form-data');

this.$post('接口地址', msg, {

headers: {'Content-Type': 'multipart/form-data'},

fileType: 'text' //上传文件类型设置

}).then(data => {

console.log(data);

}

});

}

3.文件上传类型正则验证

if (!/\.(png|jpg)$/.test(text)) {

//文件上传类型不是.png和.jpg时需要做的操作

return false;

}

4.重复上传同一张图片时会导致无法上传成功，需要清空value值

$('#uploadBillsInp').val('');

html页面点击按钮上传文件,点击按钮实现文件上传及控制文件上传类型相关推荐

oracle配置控制文件快照的位置以及名称为,Oracle 快照控制文件(snapshot control file)...
CONFIGURE SNAPSHOT CONTROLFILE NAME TO 'C:\APP\ADMINISTRATOR\VIRTUAL\PRODUCT\12.2.0\DBHOME_2\DATABAS ...
oracle 控制文件在哪里设置_更改Oracle默认的控制文件设置
环境:Windows XP SP2 32位 Oracle 9.2.0.1 32位创建数据库后,Oracle默认的3个控制文件都在c:/oracle/oradata/SID/下,3个鸡蛋都在一个篮子里 ...
mysql 备份没有自动删除文件_删掉spfile在没有自动备份控制文件下从以前的rman备份中恢复数据库...
1.首先要有一个包含spfile备份的rman备份: run { allocate channel c1 device type disk; allocate channel c2 device ty ...
jsp文件通常用common_29.jsp-动态生活之用Commons-FileUpload组件控制文件上传
sizeMax):设置请求信息实体内容的最大允许的字节数 ★ public List parseRequest(HttpServletRequest req): 解析form表单中的每个字符的数据,返 ...
案例：控制文件序列号满故障处理和分析
墨墨导读:本文来自墨天轮用户罗海鸥的投稿,墨天轮主页:https://www.modb.pro/u/366206,分享 Oracle 11.2.0.4 版本的单机数据库无法启动处理的整个过程. 首先启 ...
从Oracle到PostgreSQL：最全控制文件
墨墨导读:本文介绍了Oracle和PostgreSQL控制文件基本内容,对如何重建PostgreSQL控制文件进行了详细描述并进行了恢复测试. 控制文件内容 Oracle控制文件内容从官方文档上可以 ...
cgroup架构及控制文件介绍
目录一.基本概念二.整体架构三.控制文件介绍 1.各子系统的定义 2.常用控制文件含义简介 cpu cpuacct cpuset memory pids files 四.cgroupv1和v2的 ...
Oracle 11g重建控制文件——控制文件全部丢失，从零开始
控制文件(control file)是一个相当小的文件(最多能增长到64M左右),其中包含Oracle需要的其他文件的一个目录.参数文件告知实例控制文件的位置,控制文件则告知示例数据库和在线重做日志文 ...
ORACLE11g 没有控制文件如何通过rman备份恢复数据的详细实战过程
1.副总裁需要裸恢复的严峻现实集团总部的信息部负责人给我打电话说为了找一年前的记录,所以需要对一年前2015年5月1日的数据进行恢复.而2016年初因为进行迁移,所以有些文件可能丢失,手上只有rma ...
oracle log block size,案例:Oracle无法启动报错ORA-00218: block size 0 重建控制文件
天萃荷净 oracle数据库无法启动报错ORA-00218故障,通过重建控制文件解决文件损坏问题遇到一个案例在数据库启动的时候报ORA-00218错误,而这个故障的引起原因是因为重建控制文件的时候, ...

html页面点击按钮上传文件,点击按钮实现文件上传及控制文件上传类型

html页面点击按钮上传文件,点击按钮实现文件上传及控制文件上传类型相关推荐

最新文章

热门文章