切换导航
网站首页
网页制作
网络编程
脚本专栏
数据库
服务器
操作系统
网站运营
平面设计
硬件教程
网络安全
电脑基础
Vue.js
js
文档
Node.js
Vue.js
React
jQuery
ES2015(es6)
angularjs
css3动画
vbs
最新电影
flutter
微信小程序
C教程
java教程
C++教程
C#教程
php教程
sql教程
mysql教程
android教程
ios教程
python教程
正则表达式
首页
宝典数据
Vue.js
vue.js 多图上传,并可预览
上一篇: 基于vue模块化开发后台系统——权...
下一篇:用vue框架的基本原理,简单实现一...
vue.js 多图上传,并可预览
发布时间:2019-05-17 发布网站:脚本宝典
脚本宝典
收集整理的这篇文章主要介绍了
vue.js 多图上传,并可预览
,
脚本宝典
觉得挺不错的,现在分享给大家,也给大家做个参考。
Vue.config.debug = true;// 开启vue 调试功能 new
Vue
({ el: '#app', data: { images: [] }, methods: { addPic(e){ e.preventDefault(); $('input[type=file]').trigger('click'); return false; }, onFileChange(e) { var files = e.target.files || e.dataTransfer.files; if (!files.length)return;
this
.createImage(files); }, createImage(file) { if(typeof FileReader==='undefined'){ alert('您的浏览器不支持图片上传,请升级您的浏览器'); return false; } var image = new Image(); var vm =
this
; var leng=file.length; for(var i=0;i