日期:2014-05-17  浏览次数:20410 次

怎样实现点击图片按钮后直接上传图片?求高手
想实现的效果:因为fileupload控件实在太难看了,所以把控件隐藏后用图片按钮替代,点击图片按钮后用脚本模拟点击fileupload选择图片。

但是到这里遇到问题了:
用图片按钮模拟fileupload控件选择时,"onpropertychange", "javascript:__doPostBack('lbUploadPhoto','');失效,无法上传图片;

而如果把"onpropertychange", "javascript:__doPostBack('lbUploadPhoto','');改成"onpropertychange", "javascript:document.write(something)"则可以运行。
求高手看一下怎么解决这个问题

代码如下:

html部分:

<asp:FileUpload ID="FileUpload1" name="upFiles" runat="server" style="display:none;" />
<img alt="" src="image/uploadimg.jpg" style="cursor:pointer" onclick="javascript:FileUpload1.click();" />
<asp:LinkButton ID="lbUploadPhoto" runat="server" OnClick="lbUploadPhoto_Click" style="display:none;"
  CausesValidation="False"></asp:LinkButton>


cs代码部分:

protected void Page_Load(object sender, EventArgs e)
  {
  FileUpload1.Attributes.Add("onpropertychange", "javascript:__doPostBack('lbUploadPhoto','');");
}

protected void lbUploadPhoto_Click(object sender, EventArgs e)
  {
  上传图片;
  }

另外,有没有大神有好看点的图片上传控件啊,找来找去找不到好的

------解决方案--------------------
可以看看:http://www.cnblogs.com/dreamback/archive/2011/10/12/2208557.html