如何解决在vuejs上上传文件时获取“未定义的偏移量:1” - php
在编辑页面上更新现有图像文件时出错。在创建页面上,它工作正常。如何在不点击 onchange 功能的情况下获取上传文件信息?
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 举报,一经查实,本站将立刻删除。