最简单的vue上传图片
最简单的vue上传图片 大家好，又见面了，我是你们的朋友全栈君。 发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/148001.html原文链接：https://javaforall.cn 【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛 【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号... <template>
<img :src="f.src" v-if="f" />
<img src="../../assets/zz.jpg" @click="add" v-else/>
<input class="value" style="display:none" type="file" ref="file" accept="image/*" multiple="multiple" @change="getFile($event)" />
</template>
<script> export default { data () { return { 'file': null, 'f': null } }, methods: { add () { this.$refs.file.click() }, getFile (event) { this.file = event.target.files[0] const item = { name: this.file.name, size: this.file.size, file: this.file } this.html5Reader(this.file, item) this.f = item }, // 将图片文件转成BASE64格式 html5Reader (file, item) { const reader = new FileReader() reader.onload = (e) => { this.$set(item, 'src', e.target.result) } reader.readAsDataURL(file) }, submitForm (event) { event.preventDefault() let formData = new FormData() formData.append('file', this.file) let config = { headers: { 'Content-Type': 'multipart/form-data' } } this.axios.post('http://127.0.0.1/index/index/upload', formData, config).then(function (res) {
console.log(res) if (res.status === 200) { } }) } } } </script>
相关推荐
-
用html语言编写一个简单的网页_html做网页
用html语言编写一个简单的网页_html做网页最近学习了一点HTML，闲来无事写个网页看看，欢迎、改进、留言。演示地点：跳转到演示地点一、初始化页面body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul,a,div,span{margin:0;padding:0;}ul{list-style:none;}a{text-decoratio.
-
java观看视频次数_java数字转换视频播放次数等
java观看视频次数_java数字转换视频播放次数等1.1万、9999.9万、1.1亿、999亿+*播放量的数字显示规则1-9999，按照实际数字显示10000-9999999，按照1万、1.1万、9999.9万100000000-99900000000，按照1亿、1.1亿、999亿>99900000000，统一显示为999亿+所有数字显示均保留到小数点后一位即可“`java/***视频观看次数、评论数**@paramtimes*@…
-
页面左侧二级菜单20种案例「建议收藏」
页面左侧二级菜单20种案例「建议收藏」 本文由码农网&nbsp;–小峰原创，转载请看清文末的转载要求，欢迎参与我们的付费投稿计划！jQuery作为一款主流的JavaScript前端开发框架，深受广告开发者的亲睐，同时jQuery有着不计其数的插件，特别是菜单插件更为丰富，本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单，这些侧边栏菜单可以用在不同风格的网页上，如…
-
-
-
【matlab】如何画分段函数的图像[通俗易懂]
【matlab】如何画分段函数的图像[通俗易懂]MATLAB如何画分段函数的图像通常要用MATLAB画分段函数图像的话，总要分段去画非常麻烦，还需要holdon，现在教你一种简单化分段函数的方法，让你一下子知道这个方法的魅力！！工具/原料MATLAB软件代码方法/步骤1确定你需要的分段函数是怎样一个表