zoukankan      html  css  js  c++  java
  • Vue.js 上传文件(后台使用.net)

    页面部分

    <div id="app">
        <form id="myform">
            <input type="file" name="fileup" id="fileup" v-on:change="fileChange($event)" />
        </form>
    
        <br />
        {{img}}
    </div>
    <script type="text/javascript">
    
        var app = new Vue({
            el: "#app",
            data: {
                img:""
            },
            methods: {
                fileChange: function (el) {
                    if (!el.target.files[0].size) return;
    
                    var obj = new FormData(document.getElementById("myform"));
                    obj.append("name", "wzh");
                    var _this = this;
                    $.ajax({
                        type: 'post',
                        url: '/home/ajax',
                        data: obj,
                        cache: false,
                        processData: false, // 不处理发送的数据,因为data值是Formdata对象,不需要对数据做处理
                        contentType: false, // 不设置Content-type请求头
                        success: function (res) {
                            var arr=res.split(':');
                            if(arr[0]=="ok"){
                                _this.img=arr[1];
                            }else{
                            alert(arr[1]);
                            }
                        },
                    });
                },
            }
        })
    </script> 

     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);
                    }
            }
  • 相关阅读:
    ES5 05 Function扩展
    ES5 04 Array扩展
    ES5 03 Object扩展
    ES5 02 JSON对象
    ES5 01 严格模式
    Oracle 数据库复制
    PB函数大全
    Handle( ) //得到PB窗口型对象的句柄
    PB赋值粘贴 多个DW进行update
    pb 11 数据窗口空白,预览pb崩溃解决方案
  • 原文地址:https://www.cnblogs.com/lunawzh/p/7520304.html
Copyright © 2011-2022 走看看