asp.net C#上传预览图片

[zestsnake]

能不能实现这样的功能,先选择图片文件，预览图片，然后上传图片文件到指定的目录，最后在数据库中保存个相对路径。

[糊涂娃8343]

我的做法都是保存到指定目录，然后预览。然后将相对路径存到数据库

[-烟花雨季]

upload.js <div id="upload_img"></div> <a>浏览<input type="file" id="inputFile" name='file' onchange="showImg(this,'upload_img',100,100)" /></a>

[追风舟]

你可以首先把图片文件的路劲保存到一个地址里，可以吧这个textbox隐藏掉。用jquery的attr给指定到文件的路劲就可以预览了！

[insus]

Refer here:



http://www.cnblogs.com/insus/archive/2012/11/13/2768951.html
http://www.cnblogs.com/insus/archive/2012/11/14/2769650.html
http://www.cnblogs.com/insus/p/3785484.html

[zestsnake]

[quote=引用 4 楼 insus 的回复:] Refer here: 图片预览成功了，但 upload中的文件路径给刷没了，怎么解决啊

[insus]

有帖出三个链接，第二个链接有看？

[zestsnake]

引用 7 楼 insus 的回复:

有帖出三个链接，第二个链接有看？

第二个连接是不是图片临时存个目录？

[qwertxp]

使用flash。 使用html5中提供的FileReader来读取文件，好吧，对于屌丝ie来说，ie10才支持。

[feng_185306010]

选择预览图片并把其路径保存到数据库中 protected void imgBtnLoad_Click(object sender, ImageClickEventArgs e) { if (!fulPhoto.HasFile) { lbMessage.Text = "请选择上传图片！"; return; } else { try { //获取上传文件路径 string filePath = fulPhoto.PostedFile.FileName; //获取上传文件后缀 string fileExt = filePath.Substring(filePath.LastIndexOf(".") + 1); //限定上传格式 if (fileExt.ToLower() == "gif" || fileExt.ToLower() == "jpg" || fileExt.ToLower() == "bmp" || fileExt.ToLower() == "png") { if (fulPhoto.PostedFile.ContentLength > 5120000) { lbMessage.Text = "限定上传图片的大小不能超出5M！"; return; } else { //根据时间生成文件名 string nowTime = Album.CreateDateTimeString(); string fileName = nowTime + "." + fileExt; //源文件保存路径 string savePath = Server.MapPath("UpFile/"); //缩略图保存路径 string imgPath = Server.MapPath("UpSmall/"); //上传图片在CodeGo.net中有/ fulPhoto.PostedFile.SaveAs(savePath + fileName); System.Drawing.Image img = System.Drawing.Image.FromFile(savePath + fileName); if (img.Width >= img.Height) { am.GetThumbnail(savePath + fileName, imgPath + fileName, 400, 300, "Cut"); } else { am.GetThumbnail(savePath + fileName, imgPath + fileName, 320, 350, "Cut"); } //文件类型 string p_type = fulPhoto.PostedFile.ContentType; //文件大小 int p_size = fulPhoto.PostedFile.ContentLength; int categoryId = Convert.ToInt32(ddlCategory.SelectedValue); //调用类方法将数据插入到数据库 int result = am.AddPhoto(tbName.Text.Trim(), tbDescript.Text.Trim(), fileName, p_type, p_size, categoryId); ScriptManager.RegisterStartupScript(UpdatePanel1, typeof(UpdatePanel), "scriptname", "alert('图片上传成功！！');", true); } } else { lbMessage.Text = "只允许上传gif，jpg，bmp，png格式的图片文件!"; return; } } catch (Exception ex) { throw new Exception(ex.Message, ex); } } }