zoukankan      html  css  js  c++  java
  • 异步上传文件插件AjaxFileUploader在Asp.net MVC中应用

    1. 下载插件

    异步上传插件AjaxFileUploader,下载地址:http://phpletter.com/DOWNLOAD 

    选择上面的2.1版本,下载。

    2. 服务端代码

    在HomeController中添加一个方法:

            [HttpPost]
            public string UpLoad(HttpPostedFileBase file)
            {
           string message="";
    if (file == null) { message = "没有文件!"; } var fileName = Path.Combine(Request.MapPath("~/UploadFiles"), Path.GetFileName(file.FileName)); try { file.SaveAs(fileName); message = "上传成功!"; } catch { message = "上传异常 !" + Err.Message; }
           return message; }

    注意要添加引用 using System.IO;

    3. 客户端Html代码:

    <div>
        <input type="file" id="file" name="file" />
        <img src="../images/loading.gif" width="20px" height="20px" id="loading" style="display: none;">
        <span id="mydiv" style="color: green;"></span>
        <br />
        <input type="button" value="上传" onclick="ajaxFileUploads();">
    </div>
    <script type="text/javascript">
        function ajaxFileUploads() {
            //starting setting some animation when the ajax starts and completes
            $("#loading").ajaxStart(function () {
                $(this).show();
            }).ajaxComplete(function () {
                $(this).hide();
            });
            $.ajaxFileUpload({
                    url: '/home/UpLoad',
                    secureuri: false,
                    fileElementId: 'file',
                    dataType: 'text',
                    success: function (data, status) {
                alert(data);
                    },
                    error: function (data, status, e) {
                        alert(e);
                    }
                }
            )
            return false;
        }
    </script>

    在客户端要添加 ajaxfileupload.js、ajaxfileupload.css、loading.gif 这三个文件。

    另外要在更目录下面增加一个文件夹UploadFiles。

  • 相关阅读:
    MySQL left join 查询很慢(1)
    Windows 搭建 hbase 单机版
    Spark SQL 编程(七)
    Spark RDD 操作(三)
    并发编程(一)
    并发编程之 multiprocessing 和 concurrent.futures(二)
    Spark 系列之环境搭建(一)
    Python3之并发(七)---线程同步队列(queue)
    Python3之并发(六)---线程池
    Python3之并发(五)---线程条件(Condition)和事件(Event)
  • 原文地址:https://www.cnblogs.com/liquanchun/p/2847794.html
Copyright © 2011-2022 走看看