asp.net 上传图片（包括预览图,js）

来源：互联网发布：网络女主播洗澡的视频编辑：程序博客网时间：2024/05/23 01:11

// js实现预览功能

function readURL(input) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function(e) { $('#img_prev' ).attr('src', e.target.result).width(544).height(168); };

reader.readAsDataURL(input.files[0]);

} else {

//IE下，使用滤镜

var docObj = document.getElementById('inputFile'); docObj.select();

var imgSrc = document.selection.createRange().text;

var localImagId = document.getElementById("localImag");

$( '#localImag').width(544).height(168); //必须设置初始大小

//图片异常的捕捉，防止用户修改后缀来伪造图片

try {

localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)" ;

localImagId.filters.item( "DXImageTransform.Microsoft.AlphaImageLoader" ).src = imgSrc;

} catch (e) {

alert( "您上传的图片格式不正确，请重新选择 !"); return false;

}

$( '#img_prev').hide();

document.selection.empty();

}

</script>

<body>

<div>< span><strong >请首先指定Banner图片 :</strong ></span>

<asp: DropDownList ID ="DropDownList1" runat="server"

onselectedindexchanged="DropDownList1_SelectedIndexChanged" AutoPostBack ="true">

<asp: ListItem Selected ="True" Value ="0">新闻一</ asp:ListItem >

<asp: ListItem Value ="1">新闻二</ asp:ListItem >

<asp: ListItem Value ="2">新闻三</ asp:ListItem >

<asp: ListItem Value ="3">新闻四</ asp:ListItem >

<asp: ListItem Value ="4">广告一</ asp:ListItem >

<asp: ListItem Value ="5">广告二</ asp:ListItem >

<asp: ListItem Value ="6">广告三</ asp:ListItem >

<asp: ListItem Value ="7">广告四</ asp:ListItem >

</asp: DropDownList><br /><br />

<tr>

<span class="STYLE10">请选择图片： <br />(图片大小 680*210)</span >

</div>

</td>

<% -- <input type='file' id="doc" onchange="readURL(this);" /> -- %>

</td>

</tr>

<tr>

</td>

<%-- <asp:Image ID="Image1" runat="server" Height="168px" Width="544px" />--%>

</td>

</tr>

$(document).ready( function() {

$( '#img_prev').attr("src" , $('#imgText').val());

$( "#DropDownList1" ).change(function() {

$( '#img_prev').attr("src" , $('#imgText').val());

});

if ($("#DropDownList1" ).val() > 3) {

$( "#introTr").css("display" , "");

}

else {

$( "#introTr").css("display" , "none");

}

});

</script>

<span class="STYLE10">请输入文字： </span></ div>

</td>

<asp: TextBox ID ="TextBox1" runat ="server" Height ="140px" TextMode="MultiLine"

Width="443px"></asp: TextBox>

</td>

</tr>

<tr >

</td>

<asp: Button ID ="btnSave" runat ="server" Text ="上传" onclick="btnSave_Click" />

<asp: Button ID ="btnDelete" runat ="server" Text ="删除" onclick="btnDelete_Click" />

</td>

</tr>

</table>

</div>

</form>

</body>

后台：

using System;

using System.Collections;

using System.Configuration;

using System.Data;

using System.Linq;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.HtmlControls;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Xml.Linq;

using BizComponents;

using Entity;

using System.Collections.Generic;

using System.Text.RegularExpressions;

using System.Text;

namespace Admin.Banner

{

public partial class BannerSet : System.Web.UI.Page

{

public int total;

public int sentTotal;

Banner_Biz biz = new Banner_Biz();

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

Banner info = getInfo();

TextBox1.Text = info.Introduction;

imgText.Text = "/images/" + info.Picture;

}

protected void btnSave_Click(object sender, EventArgs e)

{

try

{

string imgName = inputFile.Value;

if (!string .IsNullOrEmpty(imgName) || !string.IsNullOrEmpty(imgText.Text.Replace("/images/", "")))

{

string name = imgName;// 获取文件名

string type = name.Substring(name.LastIndexOf(".") + 1); //获取文件类型

string fileName = DateTime .Now.ToString("yyyyMMddHHmmss");

string ipath = Server.MapPath("../../images" ) + "\\" + fileName + "." + type; // 获取文件路径

if (type == "jpg" || type == "gif" || type == "bmp" || type == "png" || type == "jpeg" || type == "")

{

if (inputFile.PostedFile.ContentLength <= 1024000)

{

Banner info = new Banner();

info.Picture = fileName + "." + type;

info.Introduction = TextBox1.Text;

if (Convert .ToInt32(DropDownList1.SelectedValue) >= 4)

{

info.IsNews = false;

info.Sort = Convert.ToInt32(DropDownList1.SelectedValue) - 3;

}

else

{

info.IsNews = true;

info.Sort = Convert.ToInt32(DropDownList1.SelectedValue) + 1;

}

string transfer = "BannerSet.aspx?_" + DateTime.UtcNow.Ticks;

try

{

int result = 0;

Banner info1 = getInfo();

if (string .IsNullOrEmpty(imgName))

{

info.Picture = info1.Picture;

}

if (info1 != null && info1.ID != 0)

{

info.ID = info1.ID;

info.Status = 1;

info.AddTime = info1.AddTime;

result = biz.Banner_Update(info);

}

else

{

result = biz.Banner_ADD(info);

}

if (result > 0)

{

if (!string .IsNullOrEmpty(imgName))

{

inputFile.PostedFile.SaveAs(ipath);

}

Response.Write( "<script>alert(' 图片上传成功！ ');location.href='" + transfer + "'</script>" );

}

else

{

Response.Write( "<script>alert(' 图片上传失败！ ')'</script>");

}

catch (Exception ex)

{

Logger.Error(" 图片上传出错 ", ex);

Response.Write( "<script>alert('" + ex.Message + "')</script>");

}

else

{

ClientScript.RegisterStartupScript( this.GetType(), "" , "alert('图片不能超时 1M')", true );

}

else

{

ClientScript.RegisterStartupScript( this.GetType(), "" , "alert('图片格式不正确 ')", true );

}

else

{

ClientScript.RegisterStartupScript( this.GetType(), "" , "alert('请选择上传图片 ')", true );

}

catch (Exception ex)

{

Logger.Error(" 上传图片失败 ", ex);

}

protected void btnDelete_Click(object sender, EventArgs e)

{

string transfer = "BannerSet.aspx?_" + DateTime.UtcNow.Ticks;

Banner info = new Banner();

if (Convert .ToInt32(DropDownList1.SelectedValue) >= 4)

{

info.IsNews = false;

info.Sort = Convert.ToInt32(DropDownList1.SelectedValue) - 3;

}

else

{

info.IsNews = true;

info.Sort = Convert.ToInt32(DropDownList1.SelectedValue) + 1;

}

info = biz.Banner_GetAll(info.Sort, info.IsNews);

if (info != null && info.ID != 0)

{

try

{

int result = biz.Banner_DelByID(info.ID);//调用删除方法

if (result > 0)

{

Response.Write( "<script>alert(' 删除图片成功！ ');location.href='" + transfer + "'</script>" );

}

else

{

Response.Write( "<script>alert(' 删除图片失败！ ')'</script>");

}

catch (Exception ex)

{

Logger.Error(" 删除图片出错 ", ex);

Response.Write( "<script>alert('" + ex.Message + "')</script>");

}

protected void DropDownList1_SelectedIndexChanged( object sender, EventArgs e)

{

Banner info = getInfo();

TextBox1.Text = info.Introduction;

imgText.Text = "/images/" + info.Picture;

}

public Banner getInfo()

{

Banner info = new Banner();

if (Convert .ToInt32(DropDownList1.SelectedValue) >= 4)

{

info.IsNews = false;

info.Sort = Convert.ToInt32(DropDownList1.SelectedValue) - 3;

TextBox1.Visible = true;

}

else

{

info.IsNews = true;

info.Sort = Convert.ToInt32(DropDownList1.SelectedValue) + 1;

TextBox1.Visible = false;

}

info = biz.Banner_GetAll(info.Sort, info.IsNews);

return info;

}