Vue 点击按钮 触发 input file 选择文件

程序猿 2022-04-27 22:25:04 820浏览 加载中
vs.$refs.upload1.dispatchEvent(new MouseEvent('click'));
fileChange(e) {
    console.log(e.target.files[0])
    let formDate = new FormData();
    formDate.append('file',e.target.files[0])
    formDate.append('order_id',vs.info.id)
    axios.post("{:url('Order/uploadHeTong')}",formDate).then((res)=>{
        console.log(res)
    })
},
<input ref="upload" type="file" id="upload" style="display: none" @input="fileChange">
<el-link @click="upload(info.id)">上传</el-link>
upload() {
    vs.$refs.upload.dispatchEvent(new MouseEvent('click'));
},
$file = $_FILES["file"];
return json(input());
if (!is_dir('uploads')) mkdir('uploads');
$ext = strtolower(strrchr($file["name"],"."));

if (!is_dir('uploads/he')) {
    mkdir('uploads/he');
}
$path = "uploads/he/" . date('Ym');
if (!is_dir($path)) {
    mkdir($path);
}
$name = md5(time() . Str::random(6)) . $ext;
$name = $path . "/" . $name;
if (!move_uploaded_file($file["tmp_name"],$name)) {
    return $this->error("上传失败");
}
return json(['path'=>$name]);


标签:
最后修改:2022-12-08 23:26:49

非特殊说明,本博所有文章均为博主原创。