在设置上传图片的时候遇到了下面的两个问题,请各位高手指点一下.
1,在上传图片的时个我用的是<input type="file" />,要不要在上面加上一个runat=server?????因为我看到网上用的都是ASP.NET中的服务器控件,而我用的是HTML形式的控件,所以就有些不知道了,个人觉得要跟服务器来交互的话,应该要加上,不知道这种想法对不对,呵呵,高手指点一下.
2.我想实现实时的预览效果,我已经得到了<input type="file" />这个控件的值为C:\fakepath\12.jpg现在有一个<img/>
我想实现实时的显示效果,我就用JS来把<img/>的src设置为<input type="file" />的值,结果不成功,看样子了路径不对,哪位高手指点一下,这个路我应该怎么来设置?
我的代码如下:
var uploadimg=$("#upImg"); //查找到上传控件uploadimg.change(function(){
var oldimgurl=uploadimg.val();
alert(oldimgurl); //奇怪的是上传的框中显示的是F:\相册\四川之行\12.jpg,但是这句提示的值是C:\fakepath\12.jpg是什么原因????????????????????????
// $("#changeImg .leftpic").attr("src",oldimgurl); //图片框在ID为changeImg的块中,并且含有类leftpic
});
高手指点一下,谢谢了!!!
1,在上传图片的时个我用的是<input type="file" />,要不要在上面加上一个runat=server?????因为我看到网上用的都是ASP.NET中的服务器控件,而我用的是HTML形式的控件,所以就有些不知道了,个人觉得要跟服务器来交互的话,应该要加上,不知道这种想法对不对,呵呵,高手指点一下.
2.我想实现实时的预览效果,我已经得到了<input type="file" />这个控件的值为C:\fakepath\12.jpg现在有一个<img/>
我想实现实时的显示效果,我就用JS来把<img/>的src设置为<input type="file" />的值,结果不成功,看样子了路径不对,哪位高手指点一下,这个路我应该怎么来设置?
我的代码如下:
var uploadimg=$("#upImg"); //查找到上传控件uploadimg.change(function(){
var oldimgurl=uploadimg.val();
alert(oldimgurl); //奇怪的是上传的框中显示的是F:\相册\四川之行\12.jpg,但是这句提示的值是C:\fakepath\12.jpg是什么原因????????????????????????
// $("#changeImg .leftpic").attr("src",oldimgurl); //图片框在ID为changeImg的块中,并且含有类leftpic
});
高手指点一下,谢谢了!!!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
#picshow
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
width:88px;
height:125px;
}
</style>
<script type="text/javascript" language="javascript"> function upimg(imgFile)
{
var picshow = document.getElementById("picshow");
picshow.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
picshow.style.width = "88px";
picshow.style.height = "125px";
} </script>
</head>
<body>
<div id="picshow"></div>
<p>选择图片:<input type="file" size="20" onchange="upimg(this);" /></p>
</body>
</html>