--------JS代碼--------
function PreviewImage(imgFile) {
if (imgFile.value.length < 1) {
document.getElementById("imgPreview").style.filter = "";
document.getElementById("ImgPhoto").style.display = "block";
document.getElementById("ImgPhoto").src = "../Skin/Img/create.gif";
return;
}
var filextension = imgFile.value.substring(imgFile.value.lastIndexOf("."), imgFile.value.length);
filextension = filextension.toLowerCase();
if ((filextension != '.jpg') && (filextension != '.gif') && (filextension != '.jpeg') && (filextension != '.png') && (filextension != '.bmp')) {
alert("對不起，系統僅支持jpg,gif,jpeg,png,bmp格式的照片。");
imgFile.focus();
}
else {
var path;
if (document.all)//IE
{
imgFile.select();
path = document.selection.createRange().text;
document.getElementById("ImgPhoto").style.display = "none";
document.getElementById("imgPreview").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src=\"" + path + "\")";
}
else//FF
{
path = imgFile.files[0].getAsDataURL();
document.getElementById("ImgPhoto").src = path;
}
}
}
--------------Html代碼----------------
<img id="ImgPhoto" height="140" alt="標題圖片" onerror="document.all.BrowseTitlePicFile.select();document.execCommand('Delete');"
src="~/Skin/Img/create.gif" width="142" align="middle" name="ImgPhoto" runat="server" />
<input id="BrowseTitlePicFile" onchange="PreviewImage(this);" type="file" size="60"
name="BrowseTitlePicFile" runat="server" width="100%" />
-------------后台保存代碼--------------
if (BrowseTitlePicFile.Value.ToString().Trim() != "")
{
int length = this.BrowseTitlePicFile.PostedFile.ContentLength;
Byte[] imageData = new Byte[length];
this.BrowseTitlePicFile.PostedFile.InputStream.Read(imageData, 0, length);
MemoryStream ms = new MemoryStream(imageData);
Bitmap bmp = new Bitmap(ms);
Guid guid = Guid.NewGuid();
string imageDirectory = this.Server.MapPath("~/Skin/Img/");
if (!System.IO.Directory.Exists(imageDirectory))
{
System.IO.Directory.CreateDirectory(imageDirectory);
}
string imageName = imageDirectory + fileName + ".jpg";
bmp.Save(imageName, System.Drawing.Imaging.ImageFormat.Jpeg);
ms.Close();
skin.Img = "../Skin/img/" + fileName + ".jpg";
}