当前位置: 首页 > news >正文

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);
                }
        }

 

转载于:https://www.cnblogs.com/lunawzh/p/7520304.html

相关文章:

  • 微商新手如何选产品?史上最详细操作指南!
  • 深入理解javascript原型和闭包(4)——隐式原型
  • Android Studio 插件简单介绍
  • MySQL安装操作指引
  • ASP.NET中ListBox控件的使用
  • 王建宙谈互联网两大趋势:云计算和移动化
  • java反射学习一
  • [USACO5.5]Hidden Password
  • springboot maven打包插件
  • 1111111111111
  • python大战机器学习——聚类和EM算法
  • 关于Emmet入门知识点
  • 多方视频会议
  • 机器学习数学基础知识备忘
  • Docker 笔记(1):介绍、镜像、容器及其基本操作
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • #Java异常处理
  • Java 多线程编程之:notify 和 wait 用法
  • Linux CTF 逆向入门
  • pdf文件如何在线转换为jpg图片
  • PHP那些事儿
  • Redis字符串类型内部编码剖析
  • SAP云平台运行环境Cloud Foundry和Neo的区别
  • Unix命令
  • 不发不行!Netty集成文字图片聊天室外加TCP/IP软硬件通信
  • 纯 javascript 半自动式下滑一定高度,导航栏固定
  • 离散点最小(凸)包围边界查找
  • 那些年我们用过的显示性能指标
  • 容器服务kubernetes弹性伸缩高级用法
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 如何在GitHub上创建个人博客
  • 使用Maven插件构建SpringBoot项目,生成Docker镜像push到DockerHub上
  • 说说动画卡顿的解决方案
  • 云大使推广中的常见热门问题
  • Spring Batch JSON 支持
  • ​​​​​​​sokit v1.3抓手机应用socket数据包: Socket是传输控制层协议,WebSocket是应用层协议。
  • #include
  • #Linux(权限管理)
  • #每日一题合集#牛客JZ23-JZ33
  • (17)Hive ——MR任务的map与reduce个数由什么决定?
  • (42)STM32——LCD显示屏实验笔记
  • (附程序)AD采集中的10种经典软件滤波程序优缺点分析
  • (九十四)函数和二维数组
  • (区间dp) (经典例题) 石子合并
  • (未解决)jmeter报错之“请在微信客户端打开链接”
  • (一)appium-desktop定位元素原理
  • (转)Sql Server 保留几位小数的两种做法
  • (转)树状数组
  • ***检测工具之RKHunter AIDE
  • .Net MVC4 上传大文件,并保存表单
  • .NET 分布式技术比较
  • .net流程开发平台的一些难点(1)
  • .NET业务框架的构建
  • .Net组件程序设计之线程、并发管理(一)
  • @RequestBody与@ModelAttribute