asp.net-html圖片的上傳

時間 2020-06-12

標籤 asp.net asp html 圖片上傳欄目 ASP 简体版

原文原文鏈接

1，文件的上傳存在一個很是致命的文件，要是上傳病毒文件，可能會使你的系統崩潰html

因此判斷文件的類型的很是重要的。java

不能單獨與後綴名判斷，下面展現一種webform類型的上傳文件案例。web

1，書寫html語言ajax

<html>
 <head></head>
 <body>
  <li class="l-fieldcontainer" fieldindex="14">
   <ul>
    <li style="width:120px;text-align:right;">*企業營業執照：</li>
    <li id="mainform|14" style="width:100px;text-align:left;">
     <div class="l-text" style="width: 98px;">
      <input name="COMPANYLICENSE" validate="{&quot;maxlength&quot;:300,&quot;required&quot;:true}" class="l-text-field upper" style="width: 94px;" ligeruiid="COMPANYLICENSE" id="COMPANYLICENSE" type="text" />
     </div></li>
    <li><img src="#" heigth="50px" id="updatePic" width="60px" /></li>
    <li>
     <form id="EditMenuForm" enctype="multipart/form-data"> 
      <input name="MenuPic" id="MenuPic" type="file" />
      <input name="btnUpload" id="btnUpload" value="上傳" style="width:60px" type="button" />
      <label style="color:red">支持png,jpg格式圖片，大小不能超過2M,必須清晰可見</label>
      <label></label>
     </form></li>
    <li style="width:3px;"><span class="l-star">*</span></li>
   </ul></li>
 </body>
</html>

書寫javasecript數據庫

ajaxSubmit的js文件來自：

  //上傳圖片
            $('#btnUpload').click(function () {
                if ($("#MenuPic").val()) {
                    //讓表單異步的提交到後臺。
                    $("#EditMenuForm").ajaxSubmit({
                        error: function (error) { alert(error); },
                        url: 'handler/validate.ashx', /*設置post提交到的頁面*/
                        type: "post", /*設置表單以post方法提交*/
                        dataType: "text", /*設置返回值類型爲文本*/
                        data: { "Action": "PIC" },
                        success: function (data) {
                            if (data == "-1") { alert("圖片大小不能超過2M"); return; }
                            if (data == "-2") { alert("圖片格式不正確，只支持png,jpg格式的圖片"); return;}
                            $("#MenuIcon").val(data);
                            $("#updatePic").attr("src", data);
                            liger.get("COMPANYLICENSE").setValue(data)
                            $("#MenuPic").val("");
                            $("#UpdateInfo").text("上傳成功！");
                        }
                    });
                } else {
                    $.messager.alert("錯誤消息", "請選擇合法圖片！");
                }
            })

書寫後臺管理系統異步

void ValidatePIC(HttpContext context)
    {
        //上傳圖片
        try
        {
            var requestFile = context.Request.Files["MenuPic"];
            string fname = "/lib/uploads/" + Guid.NewGuid().ToString() + System.IO.Path.GetExtension(requestFile.FileName);
            string path = context.Request.MapPath(fname);
            requestFile.SaveAs(path);
            #region 校驗圖片
            FileStream fs = new FileStream(path, FileMode.Open, FileAccess.Read);
            if (fs.Length > 1024 * 1024*4) {
                 context.Response.Write("-1");
                 File.Delete(path); //刪除文件   
                 return;
            }
                BinaryReader reader = new BinaryReader(fs);
                string fileClass;
                byte buffer;
                byte[] b = new byte[2];
                buffer = reader.ReadByte();
                b[0] = buffer;
                fileClass = buffer.ToString();
                buffer = reader.ReadByte();
                b[1] = buffer;
                fileClass += buffer.ToString();
                reader.Close();
                fs.Close();
            #endregion
                if (fileClass == "255216" || fileClass == "7173" ||  fileClass == "13780")
                {
                    //255216是jpg;7173是gif;6677是BMP,13780是PNG;7790是exe,13780:png    
                    //Response.Write("圖片可用");     
                    //保存到數據庫中    
                    context.Response.Write(fname);
                }
                else
                {
                    context.Response.Write("-2");    
                    File.Delete(path); //刪除文件    
                    return;
                }
          
        }
        catch (Exception e)
        {
            context.Response.Write("-2");
            LogManager.WriteLog("上傳圖片出錯！" + e.Message);
        }
    }

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。