![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
Small_Pang
我觉得这个机会可以改变我的生活
展开
-
Vue将图片的网络地址转成Base64以及file
存储在sql的图片网络地址,我使用了逗号拼接连起来Js:selectGoodsByID(goodsID) { axios.post('/goods/selectGoodsByID', { goodsID: goodsID, }).then(function (data) { vm.goodsData = data.data; ...原创 2020-01-11 15:10:24 · 8058 阅读 · 3 评论 -
Vue上传图片并回显
按照惯例先上效果图:html:<form class="form-inline" style="margin-bottom: 2%;"> <div class="form-group has-feedback"> <label style="font-size: 15px;float: left">  商品相册...原创 2020-01-11 14:52:49 · 3782 阅读 · 0 评论 -
文件上传功能,使用axios传二进制文件到后台
文件上传功能,使用axios传二进制文件到后台记录自己使用springboot+vue在开发过程中,解决文件上传的方法先上效果图:实现方法思路:html实现的方法时,修改input type=file的默认类型,将默认类型隐藏;使用input-group来假装点击了input type=file默认类型;使用vue的ref和$refs获取file信息;axios使用formDat...原创 2019-12-23 11:13:10 · 4717 阅读 · 5 评论 -
Bootstrap的Datepicker插件的使用
Bootstrap的Datepicker插件的使用记录一下自己在实际项目中使用Datepicker插件方法给出Datepicker官方文档地址,想知道更多参数信息,可以查看官方文档这只是一个日期选择框,如果还需要时间信息的话;使用DateTimePicker插件就可以了。先上效果图:下面只展示主要部分的代码:html部分:<div class="form-group" ...原创 2019-12-23 10:51:43 · 246 阅读 · 0 评论 -
canvas转换成file类型
canvas转换成file类型html部分:<canvas ref="headCanvas" style="display:none"></canvas>js部分:var fileName = userName + ".jpg"; //vm.addUserNamevar firstName = fileName.charAt(0);var fontSiz...原创 2019-12-23 10:36:14 · 6812 阅读 · 5 评论 -
设置名字的第一个字为默认头像
设置名字的第一个字为默认头像在自己查找资料的时候看了很多博客,真正对于自己希望看的博客,或者说是便捷自己开发。都是先放一个效果图在文章的开头,这样才能让读者知道这篇文章是否对自己有用。先上项目中实现的效果图:查看F12得到输出的信息:废话不多说,上代码:(将canvas转换成 file类型)html部分:<canvas ref="headCanvas" style="dis...原创 2019-12-23 10:34:25 · 1191 阅读 · 0 评论