微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在vuejs上上传文件时获取“未定义的偏移量:1” - php

如何解决在vuejs上上传文件时获取“未定义的偏移量:1” - php

编辑页面上更新现有图像文件时出错。在创建页面上,它工作正常。如何在不点击 onchange 功能的情况下获取上传文件信息?

on create page on edit page

PHP 文件

if($request->get('img')) //image upload
        {
            $image = $request->get('img');
            $name = time().'.' . explode('/',explode(':',substr($image,strpos($image,';')))[1])[1];
            \Image::make($request->get('img'))->save(public_path('img/').$name);
        }else{
            $name='';
        }

vueJs

<input class="img-value"
       ref="reset_bg_img"
       @change="img_upload($event)"
       value=""
       accept="image/*"                  
       id="BG-img" >

export default {
  name: "dummy",data() {
    return {
        bg_img:'' 
     }
   }
}

created() {
            axios.get("/view_schedule_quiz/" + this.$route.params.id)
            .then(response => {
                this.bg_img = '/quiz_img/'+response.data.bg_image;
            }.catch(error => console.log(error));
},schedule_img_upload(e){
      let files = e.target.files || e.dataTransfer.files;

      const file = e.target.files[0];
      this.bg_img = URL.createObjectURL(file);

      if (!files.length)
        return;
      this.createImage(files[0]);
    },createImage(file) {
      let reader = new FileReader();
      let vm = this;
      reader.onload = (e) => {
        vm.bg_img = e.target.result;
      };
      reader.readAsDataURL(file);
    },

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。