各位新年好,asp.net 上传图片前可以预览

Question

本帖最后由 julor 于 2010-01-01 20:17:42 编辑

Answer 1

<input id="File1" type="file" onchange="document.getElementById('Image1').src=this.value" runat="server" /> <script language="javascript" type="text/javascript"> 
        function PreviewImg(imgFile) 
        {    
            var newPreview = document.getElementById("newPreview"); 
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; 
            newPreview.style.width = "80px"; 
            newPreview.style.height = "60px"; 
        } 
    </script> 
<asp:FileUpload ID="FileUpload1" runat="server" onchange="PreviewImg(this)"  /> 
<div id="newPreview"> </div> 
function $(o){return document.getElementById(o);} 
function CheckImg(o,img) 
{ 
    if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value)) 
    { 
        alert('只能上传jpg,bmp,gif,png格式图片!'); 
        o.outerHTML = o.outerHTML; 
    } 
    else 
    { 
        $(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value; 
    } 
} <asp:FileUpload ID="FileUpload1" runat="server"  onchange="CheckImg(this, 'img');"  /> 
<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= <%= pic%>,sizingMethod=scale);width:88px;height:113px;"> </div> 
public string pic=""; 

Answer 2

看看这个很不错的!!
http://topic.csdn.net/u/20091224/16/F37B7C72-0AAF-4E9D-9BD5-9AF1FEFD48BE.html

Answer 3

谢谢啊,我也找到一个了,不过还没看懂
http://topic.csdn.net/u/20091210/14/3f49d66f-f184-4389-bcd8-cd345789eb7c.html?seed=656058855&r=62408603#r_62408603

Answer 4

上传图片： protected void Button1_Click(object sender, EventArgs e)
    {
      string fullfileName= FileUpload1.PostedFile.FileName.ToString();
      string filename =fullfileName.Substring(fullfileName.LastIndexOf("\\")+1);  
      string type = fullfileName.Substring(fullfileName.LastIndexOf(".") + 1);
      if (type == "jpg" || type == "bmp" || type == "gif")
      {
          this.FileUpload1.PostedFile.SaveAs(Server.MapPath("image") + "\\" + filename);
          this.Image1.ImageUrl = "image/" + filename;
      }
      else
      {
          Response.Write("<Script>alert('"+"你选择的图片格式错误!"+"')</Script>");
      }
     
    }预览可以放个图片控件 并赋值~