文件上传具体操作(txt,ppt,png,jpg,exe,xls,xlsx,pptx,*.mp3/*.wav/*.mid/*.asf/*.mpg/*.avi/*.tti,avi、 rm 、 等)

html代码:
 <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>文件上传多样化</legend>
</fieldset>
<input type="file" id="file" name="myfile" style="display: none" />
<input type="text" id="filename" style="display:none" class="layui-text">
<input type="button" class="layui-btn layui-btn-normal" onclick="upload()" value="选择文件上传" />
<br />

js:

<script src="~/Content/js/jquery-1.9.1.js"></script> 
<script>  
    //文件上传
    function UpladFile(fileObj) {
        var form = new FormData(); // FormData 对象
        form.append("file", fileObj); // 文件对象
        $.ajax({
            url: '/Excle/fileUpload',      //url地址
            type: 'POST',                 //上传方式
            data: form,                   // 上传formdata封装的数据
            dataType: 'JSON', 
            cache: false,                  // 不缓存
            processData: false,        // jQuery不要去处理发送的数据
            contentType: false,
            beforeSend: function (info) {
                console.log(info);
		            console.log("正在进行,请稍候");
		     },        // jQuery不要去设置Content-Type请求头
            success: function (data) {           //成功回调
                console.log(data);
            },
            error: function (data) {           //失败回调
                console.log(data);
            }
        });
    }

    //调用上传单击事件
    function upload() {
        $("#file").click();
        $('#file').change(function (e) {
            console.log(e);
            var fileName = e.target.files[0];//js 获取文件对象
            if (fileName !== undefined) {
                var file_typename = fileName.name.substring(fileName.name.lastIndexOf('.'));
                 UpladFile(fileName);
                //if (file_typename === '.xlsx' || file_typename === '.xls') {
                //    $("#filename").css("display", "block");
                //    $("#filename").val(fileName.name);
                //    UpladFile(fileName);
                //} else {
                //    console.log("请选择正确的文件类型!");
                //}
            } else {
                console.log("请选择正确的文件!")
            }
        });
    }
</script>

后台代码:

 public ActionResult fileUpload()
        {
            if (Request.Files.Count > 0) 
            { 
                //取出第一个文件

                var file = Request.Files[0]; 

                //取出用户上传的文件名

                String filename = file.FileName;

                if (!String.IsNullOrWhiteSpace(filename))

                {
                    string suf = filename.Substring(filename.LastIndexOf('.'));
                    string newfilename = DateTime.Now.ToString("yyyy年MM月dd日HH时mm分s秒") + suf;

                    String url = Server.MapPath("~/Excle/" + newfilename);
                    file.SaveAs(url);
                    string result = newfilename;
                    return Json(new { code = 200, excle_fileName = result });
                }

            }
            return Json(new { code = 500 });
        } 
 
    }
}

输出效果:

在这里插入图片描述

上传文件:
在这里插入图片描述

选个excle 的吧:

成功返回结果:
在这里插入图片描述
打开所指定的文件夹看:

在这里插入图片描述
可以看到,最后一个文件和成功后的输出结果是一致的,

这就成功了 。

不懂的可以咨询我。

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你的美,让我痴迷

你的好,我会永远记住你的。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值