Vue.jsアップロードファイル(バックグラウンド使用.net)

ページセクション

"app">
    
"myform">
        "file" name="fileup" id="fileup" v-on:change="fileChange($event)" />
    

    

    {{img}}

"</span><span style="color:#800000;">text/javascript</span><span style="color:#800000;">"</span>>

    <span style="color:#0000ff;">var</span> app = <span style="color:#0000ff;">new</span><span style="color:#000000;"> Vue({
        el: </span><span style="color:#800000;">"</span><span style="color:#800000;">#app</span><span style="color:#800000;">"</span><span style="color:#000000;">,
        data: {
            img:</span><span style="color:#800000;">""</span><span style="color:#000000;">
        },
        methods: {
            fileChange: function (el) {
                </span><span style="color:#0000ff;">if</span> (!el.target.files[<span style="color:#800080;">0</span>].size) <span style="color:#0000ff;">return</span><span style="color:#000000;">;

                </span><span style="color:#0000ff;">var</span> obj = <span style="color:#0000ff;">new</span> FormData(document.getElementById(<span style="color:#800000;">"</span><span style="color:#800000;">myform</span><span style="color:#800000;">"</span><span style="color:#000000;">));
                obj.append(</span><span style="color:#800000;">"</span><span style="color:#800000;">name</span><span style="color:#800000;">"</span>, <span style="color:#800000;">"</span><span style="color:#800000;">wzh</span><span style="color:#800000;">"</span><span style="color:#000000;">);
                </span><span style="color:#0000ff;">var</span> _this = <span style="color:#0000ff;">this</span><span style="color:#000000;">;
                $.ajax({
                    type: </span><span style="color:#800000;">'</span><span style="color:#800000;">post</span><span style="color:#800000;">'</span><span style="color:#000000;">,
                    url: </span><span style="color:#800000;">'</span><span style="color:#800000;">/home/ajax</span><span style="color:#800000;">'</span><span style="color:#000000;">,
                    data: obj,
                    cache: </span><span style="color:#0000ff;">false</span><span style="color:#000000;">,
                    processData: </span><span style="color:#0000ff;">false</span>, <span style="color:#008000;">//</span><span style="color:#008000;">         ，  data  Formdata  ，         </span>
                    contentType: <span style="color:#0000ff;">false</span>, <span style="color:#008000;">//</span><span style="color:#008000;">    Content-type   </span>
<span style="color:#000000;">                    success: function (res) {
                        </span><span style="color:#0000ff;">var</span> arr=res.split(<span style="color:#800000;">'</span><span style="color:#800000;">:</span><span style="color:#800000;">'</span><span style="color:#000000;">);
                        </span><span style="color:#0000ff;">if</span>(arr[<span style="color:#800080;">0</span>]==<span style="color:#800000;">"</span><span style="color:#800000;">ok</span><span style="color:#800000;">"</span><span style="color:#000000;">){
                            _this.img</span>=arr[<span style="color:#800080;">1</span><span style="color:#000000;">];
                        }</span><span style="color:#0000ff;">else</span><span style="color:#000000;">{
                        alert(arr[</span><span style="color:#800080;">1</span><span style="color:#000000;">]);
                        }
                    },
                });
            },
        }
    })
</span> 

 Controller

public ActionResult ajax()
        {
                try
                {
                    HttpPostedFileBase uploadfile = Request.Files["fileup"];
                    if (uploadfile == null)
                    {
                        return Content("no:    ");
                    }
                    if (uploadfile.FileName == "")
                    {
                        return Content("no:     ");
                    }

                    string fileExt = Path.GetExtension(uploadfile.FileName);
                    StringBuilder sbtime = new StringBuilder();
                    sbtime.Append(DateTime.Now.Year).Append(DateTime.Now.Month).Append(DateTime.Now.Day).Append(DateTime.Now.Hour).Append(DateTime.Now.Minute).Append(DateTime.Now.Second);
                    string dir = "/UploadFile/" + sbtime.ToString() + fileExt;
                    string realfilepath = Request.MapPath(dir);
                    string readDir = Path.GetDirectoryName(realfilepath);
                    if (!Directory.Exists(readDir))
                        Directory.CreateDirectory(readDir);

                    uploadfile.SaveAs(realfilepath);
                    return Content("ok:" + dir);
                }
                catch (Exception ex)
                {
                    return Content("no:" + ex.Message);
                }
        }

 
転載先:https://www.cnblogs.com/lunawzh/p/7520304.html