1. 程式人生 > >vue上傳圖片時,console.log()圖片資訊遇到的坑

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)
}

列印結果為:

作為前端小白,不知道為什麼列印時不能加上漢字作為列印的區分?