8.25-七里香

Vue-图片添加操作

控件

<input type="file" v-on:change="upload" value="" />

在Vue语法里

upload(event) {
                let file = event.target.files[0];
                let fd = new FormData();
                fd.append("file", file);
                axios.post('/Default/UpLoad', fd).then(res => {
                    if (res.data != null) {
                        this.fromData.PImgUrl = res.data.fileName;
                        alert('上传成功')
                    } else {
                        alert('上传失败')
                    }
                })
            }

控制器里

[HttpPost]
        public ActionResult UpLoad()
        {
            var file = Request.Files[0];
            var imgDir = Server.MapPath("/Img/");
            file.SaveAs(imgDir + file.FileName);
            return Json(new { fileName = file.FileName }, JsonRequestBehavior.DenyGet);
        }

　　这就是Vue图片的简单操作