vue上传图片时，console.log()图片信息遇到的坑

用vue开发项目时，有个上传项目的功能

 <input @change="uploadImages($event)" type="file" accept="image/jpeg,image/x-png,image/gif" id="" value="" />

在获取图片信息时，想着在控制台作出打印，代码如下：

uploadImages: function (e) {console.log(JSON.stringify(e))
}

打印结果为：

小程序上已经习惯了这样打印对象格式，看到打印结果以为拿不到图片信息，找了很久的原因，就是不知道怎么回事？

uploadImages: function (e) {console.log('打印的是什么'+e)
}

打印结果为：

感觉很郁闷，让同事试了下，他却打印出来了，找不同，于是发现

 uploadImages: function (e) {console.log(e)
}

打印结果为：

作为前端小白，不知道为什么打印时不能加上汉字作为打印的区分？

vue上传图片时，console.log()图片信息遇到的坑相关推荐

vue打包关闭console.log
2019独角兽企业重金招聘Python工程师标准>>> 在build webpack.prod.conf.js new UglifyJsPlugin({uglifyOptions: ...
如何查看vue打印的console.log日志
使用google,选择右上角,打开"更多工具-->开发者工具"
Vue 教程第四篇—— Vue 实例化时基本属性
实例元素 el 实例元素指的是 Vue 实例化时编译的容器元素,或者说是 Vue 作用的元素容器 <div id="app"></div> var vm = ...
vue上传图片二（预览、限制大小）
vue上传图片时预览图片前言: 图片上传时所伴随的场景之一对选择的图片在页面上先呈现出来,在此处记录一下该场景功能介绍:图片预览.限制大小(5M).重新选择图片辅助:element-ui 组件库 ...
console vue 打包之后怎么去掉_Vue Cli 3 打包配置--自动忽略 console.log 语句
下载插件 npm i -D uglifyjs-webpack-plugin 在 vue.config.js 引入使用 const UglifyJsPlugin = require('uglifyjs- ...
chrome控制台console.log无法时实打印引用类型值的bug
在js脚本中,使用console.log打印一个大型的对象(像 vm (vue实例),或者 window 对象),然后再设置延迟改变该对象的的某个属性(假设属性名为 ppp )的值,会发现个有趣的现象 ...
vue 关闭log_vue或react项目生产环境去掉console.log的操作
在开发环境写了很多console.log/info/debug,在生产环境需要去掉这些console. 如果手动删除未免也太累了,再说以后想再开发还得重新写console. 事实上webpack提供了 ...
运行VUE项目时，出现npm ERR! A complete log of this run can be found in:...报错
运行VUE项目时,出现npm ERR! A complete log of this run can be found in:报错时,分享以下一种解决方案. 本机的 node版本如下解决方法 1. ...
Vue项目如何过滤全部console.log输出（浅水魚）
Vue项目如何过滤全部console.log输出在App.vue的created中调用一个consoleCancle方法然后在methods中创建一个consoleCancle方法,让consol ...
解决console.log打印对象时出现省略号的情况
大家在调用接口时,是不是总会遇到当使用console.log()打印接口返回的数据时, 控制台会把对象的值用省略号隐藏住,要看还要一个个去点击,这就相当难受了,就像下面那样. 所以,在这分享个小技巧, ...

vue上传图片时，console.log()图片信息遇到的坑

vue上传图片时，console.log()图片信息遇到的坑相关推荐

最新文章

热门文章