zoukankan      html  css  js  c++  java
  • 上传文件 input file

    //-----前端文件-------

    form id="uploadForm" enctype="multipart/form-data">
    <input id="files" type="file" multiple="multiple" onchange="onChange();"/>
    <div id="div1" style="100px;height:auto"></div>
    <div id="flshID"></div>
    <button id="upload" type="button">上传</button>
    <button id="swfupload" type="button" onclick="swfUp();">swf上传</button>
    <div id="picloding"></div>
    <div id="addimgs"></div>

    </form>

    //----------------js------------------------------------

    $(function () {
    $("#upload").click(function () {
    var formdata = new FormData();
    var wenjian = $("#files")[0].files// document.getElementById("files").files;这里$("#files")[0]是jquery对象装换成dom对象
    if (wenjian.length <= 0) {
    alert("请选择文件");
    retun;
    }

    for (i = 0; i < wenjian.length; i++) {
    formdata.append(wenjian[i].name, wenjian[i]);
    }

    $.ajax({
    type: "POST",
    url: "/My/UploadFiles",
    data: formdata,
    datatype: "json",
    contentType: false,//必须false才会自动加上正确的Content-Type
    processData: false,//必须false才会避开jQuery对 formdata 的默认处理 ,XMLHttpRequest会对 formdata 进行正确的处理

    success: function (result) {
    alert(result.msg);
    },
    error: function () {
    alert("Error");
    }

    });
    });
    });

    //后端 controller

    public JsonResult UploadFiles()
    {
    var files = Request.Files;
    for (int i = 0; i < files.Count; i++)
    {
    string key=files.Keys[i];
    var file=files[key];
    string fileName = file.FileName;
    var filesUrl = Server.MapPath("~/Upload");
    if (Directory.Exists(filesUrl) == false)//路径不存在则创建
    { Directory.CreateDirectory(filesUrl); }
    var path = Path.Combine(filesUrl, fileName);
    if (System.IO.File.Exists(path))
    {
    return Json(new {msg="已存在同名文件" });
    }
    file.SaveAs(path);

    }

    return Json(new { msg = "上传成功" });
    }

  • 相关阅读:
    检测浏览器是否支持DOM2级规定的HTML事件
    click冒泡到body
    浏览器事件归类
    兼容主流浏览器的事件处理程序
    eventPhase三个状态测试
    鼠标滚轮事件(mousewheel)
    自定义右键菜单(contextmenu)
    数据库范式
    敏捷开发模式
    没有清晰的职业规划,跳槽会很失败
  • 原文地址:https://www.cnblogs.com/gfbppy/p/10230022.html
Copyright © 2011-2022 走看看