c# – 管理FileUpload控件上的编辑
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了c# – 管理FileUpload控件上的编辑,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1685字,纯文字阅读大概需要3分钟。
内容图文
![c# – 管理FileUpload控件上的编辑](/upload/InfoBanner/zyjiaocheng/822/ed3d9a9d0ab34c19a1479b2068a136e0.jpg)
我有一个产品页面.我想将我的产品添加到我的数据库中,我也想更新我的产品.
我的图像有问题.
当我插入产品时,可以正常使用..在我的aspx页面中,我有以下代码:
<span>
<asp:FileUpload ID="files" runat="server" AllowMultiple="true" />
</span>
<div runat="server" id="previewImages"></div>
当我保存我的产品时,在代码后面我有这个代码:
string filenm = string.Empty;
HttpFileCollection fileCollection = Request.Files;
for (int i = 0; i < fileCollection.Count; i++)
{
HttpPostedFile uploadfile = fileCollection[i];
if (uploadfile.ContentLength > 0)
{
string filename = uploadfile.FileName;
System.IO.Directory.CreateDirectory(Server.MapPath("immScarpe/" + txtStyle.Text));
file.SaveAs(Server.MapPath("immScarpe/" + txtStyle.Text + "/") + fileName);
//this is pseudo-code
INSERT INTO PRODUCT_IMM (IdProduct, Path) VALUES (Id, "immScarpe/" + txtStyle.Text + "/" + fileName)
}
}
现在,问题是我可以编辑保存的产品.当我单击产品的编辑按钮时,我必须加载它的所有数据并让用户修改它们.还有图像.
主要问题是:如何在asp:FileUpload控件中加载保存的图像?
我想做的另一件事是在插入和编辑中显示图像预览…
我想做的一个例子就是亚马逊所做的事情
但是,如果只有一个FileUpload可以使用AllowMultiple = true
如果有必要,我愿意使用其他技术,如javascript,jquery和Ajax
解决方法:
显示图像预览 – 插入
<script src="jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function ShowpImagePreview(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#previewImage').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
<asp:Image ID="previewImage" runat="server" />
<asp:FileUpload ID="FileUpload1" runat="server" onchange="ShowpImagePreview(this);" />
内容总结
以上是互联网集市为您收集整理的c# – 管理FileUpload控件上的编辑全部内容,希望文章能够帮你解决c# – 管理FileUpload控件上的编辑所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。