fileUpLoad 上传图片Img 显示图片

begintransaction 2010-09-10 06:55:33



//单个上传文件格式验证

function blurVali(fulid,imgId)

{

debugger;

var fulObj=document.getElementById(fulid);//获得上传控件的对象

var imgObj=document.getElementById(imgId);//获得图片对象;

var http=fuVali(fulid);

if(strVali(http))//判断格式

{

var path=fulObj.value;

 imgObj.src=path;

 return;

}

imgObj.src="";

}

调试发现path="C:\Documents and Settings\Administrator\桌面\js动画\images\4a.jpg";
但图片就是切换不了
当格式不正确时src=""图片确能显示叉叉（原有默认图片）
请问这是什么原因(用的是onchange事件) fileupload控件

...全文

2009 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

jack85862375 2010-09-15

打赏
举报

帮顶无限回帖

孟子E章 2010-09-11

打赏
举报

图片预览，你需要采用这个方法

http://topic.csdn.net/u/20091222/00/2da91ff1-9bb2-431c-8ddf-bb3011d7efbe.html

xu_diligent 2010-09-11

打赏
举报

学习了！

newdigitime 2010-09-11

打赏
举报

ie7 ie8 ff均不支持将img.src设为本地图片.
不过有变通的办法
ie7/8用滤镜.FF用专门的一个属生

tower334 2010-09-10

打赏
举报

mark，学习！

leiziaitudou 2010-09-10

打赏
举报



 function viewimg(Img)

    {

        var mine = Img.value;

        if(mine!="")

        {

            mine=mine.toLowerCase().substring(mine.lastIndexOf('.'));

            if(mine!=".jpg")

            {

               Img.focus();

               document.execCommand("selectall");

               document.execCommand("delete");

               alert('头像必须是.jpg格式的');

               document.getElementById('ctl00_ContentPlaceHolder1_imgUserFace').src="";

            }  

             else

            {

                document.getElementById('ctl00_ContentPlaceHolder1_imgUserFace').src=Img.value;

            }  

        }

       

    }

不过浏览器不稳定
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
加一下这一句试一试

heaventohell17 2010-09-10

打赏
举报

[Quote=引用 2 楼 wuyq11 的回复:]

<asp:RegularExpressionValidator ID="FileValidator" runat="server" ControlToValidate="File1"
Display="dynamic" ValidationExpression=".*([\.jpg]|[\.jpeg]|[\.jpe]|[\.gif]|[\.png]|[\.JPEG]|[\.JPG]|[\.……
[/Quote]

顶

wuyq11 2010-09-10

打赏
举报

<asp:RegularExpressionValidator ID="FileValidator" runat="server" ControlToValidate="File1"
Display="dynamic" ValidationExpression=".*([\.jpg]|[\.jpeg]|[\.jpe]|[\.gif]|[\.png]|[\.JPEG]|[\.JPG]|[\.GIF]|[\.bmp]|[\.BMP])$" ErrorMessage="jpg,jpeg,jpe,gif,png,JPEG,JPG,GIF,bmp,BMP"></asp:RegularExpressionValidator>

<script language="javascript" type="text/javascript">
function PreviewImg(imgFile)
{
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "80px";
newPreview.style.height = "60px";
}
</script>
<asp:FileUpload ID="FileUpload1" runat="server" onchange="PreviewImg(this)" />
<div id="newPreview"> </div>

function $(o){return document.getElementById(o);}
function CheckImg(o,img)
{
if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))
{
alert('只能上传jpg,bmp,gif,png格式图片!');
o.outerHTML = o.outerHTML;
}
else
{
$(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;
}
}

<asp:FileUpload ID="FileUpload1" runat="server" onchange="CheckImg(this, 'img');" />
<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= <%= pic%>,sizingMethod=scale);width:88px;height:113px;"> </div>
public string pic="";

begintransaction 2010-09-10

打赏
举报



 <ul class="ul">

            <li>上传案例大图片：<asp:FileUpload ID="fulMaxPic" onchange="blurVali('fulMaxPic','maxImg')"

                CssClass="input" runat="server" />上传图片格式[jpg][gif] </li>

            <li>原图：

                <img id="maxImg" runat="server" src="~/admin/images/wehao_03.jpg" alt="" /></li>

            <li>上传案例小图片：<asp:FileUpload ID="fulMinPic" onchange="blurVali('fulMinPic','minImg')"

                CssClass="input" runat="server" />上传图片格式[jpg][gif]</li>

            <li>原图：

                <img id="minImg" runat="server" src="../images/wehao_03.jpg" alt="" /></li></ul>

这是页面HTML