zoukankan      html  css  js  c++  java
  • MVC上传图片

    <td rowspan="8"> 图片为:
    <input type="hidden" name="img_url" id="img_url" value="@Model.img_url"/>
    <img id="img_head1" style="height:200px; 300px; @(Model.img_url == "" ? "display:none;" : "")" src="@(AppSettingGetValue.getFileServices() + "platformContent/TuWen/" + Model.img_url)"/><br />
    <input type="file" name="fileImgUrl" id="fileToUpload1" multiple="multiple" onchange="fileSelected(1);" />
    <a id="uploadFile1" style="display: none" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'" onclick="uploadFile(1)">上传</a>
    </td>

    JQuery控制图片上传

    function fileSelected(itype) {
    $("#uploadFile" + itype).show();
    }

    var uploadtype = 0;
    function uploadFile(itype) {
    uploadtype = itype;
    var fd = new FormData();
    var xhr = new XMLHttpRequest();
    xhr.addEventListener("load", uploadComplete, false);
    fd.append("fileToUpload", document.getElementById('fileToUpload' + itype).files[0]);
    if (itype == 0) fd.append("UpLoadAdress", "platformContent\TuWen\");
    else fd.append("UpLoadAdress", "platformContent\TuWen\");
    xhr.open("POST", "@Url.Content("~/Common/UploadFile")");
    xhr.send(fd);
    }

    function uploadComplete(evt) {

    /* 服务器返回数据 */
    var message = evt.target.responseText;
    if (uploadtype == 0) {
    $("#img_head").show();
    $("#img_head").attr("src", "@(BBAdmin.Common.AppSettingGetValue.getFileServices())platformContent/TuWen/" + message);

    if ($("#fileToUpload" + uploadtype).val() == "") {
    $.message.alert("提示", "二维码上传成功!", "info");
    }
    else {
    $("#fileToUpload" + uploadtype).val("");
    }
    }
    if (uploadtype == 1) {
    $("#img_head1").show();
    $("#img_url").val(message);
    $("#img_head1").attr("src", "@(BBAdmin.Common.AppSettingGetValue.getFileServices())platformContent/TuWen/" + message);
    //$("#img_url").val($("#img_head1").attr("src"));

    if ($("#fileToUpload1" + uploadtype).val() == "") {
    $.messager.alert("提示", "头像上传成功!", "info");
    }
    else {
    $("#fileToUpload1" + uploadtype).val("");
    }
    }
    }

  • 相关阅读:
    SpringBoot异步处理请求
    5本最佳的 Java 面向对象理论和设计模式的书籍
    彻底弄懂 HTTP 缓存机制 —— 基于缓存策略三要素分解法
    Java 性能优化的五大技巧
    Java 8 最佳技巧
    Java 并发的四种风味:Thread、Executor、ForkJoin 和 Actor
    在 Java 8 中避免 Null 检查
    关于创建java线程池问题的思考
    LuoguP1858 多人背包(DP)
    Luogu[YNOI2019]排序(DP,线段树)
  • 原文地址:https://www.cnblogs.com/zxk3113/p/4653493.html
Copyright © 2011-2022 走看看