如何实现选择图片后能预览(不需要提交到后台)
如何实现选择图片后能预览(不需要提交到后台),哪位大侠提供个好点方案,要兼容性好的,谢绝吹泡
[解决办法]
jquery库
$(document).ready(function(){
$('#insert').click(function(){
var value = $('#file').val();.
$("#view").html('<img src="' + value + '" />');
});
});
style="float:right;padding:10px;float:left;">
<input type="text" value="" id="file" name="file">
<a name="Insert" id="insert" href="javascript:void(0)">Via</a>
</form>
<div id="view" style="width:50px;height:50px;display:block;"></div>
[解决办法]
function fnOpenImg()
{
var strImgUrl=document.getElementById("txtUpImg").value;
if(strImgUrl!="")
{
var strExName=strImgUrl.substring(strImgUrl.lastIndexOf("."),strImgUrl.length).toUpperCase(); //取得文件扩展名
if("|.JPG|.GIF|".lastIndexOf(strExName) < 0)
{
document.getElementById("txtImg").style.display="none";
alert("·图片格式错误,只能上传 *.JPG 和 *.GIF 格式图片!");
}
else
{
document.getElementById("txtImg").src=strImgUrl;
document.getElementById("txtImg").style.display="";
}
}
else
{
document.getElementById("txtImg").style.display="none";
}
}
<asp:FileUpload ID="txtUpImg" onchange="fnOpenImg();" Width="100%" runat="server" />
<asp:Button ID="btOK" runat="server" Text="上传图片" OnClick="btOK_Click" />
[解决办法]