为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript设置html控件的src没效果

JavaScript设置html控件的src没效果

蝴蝶不菲 2018-12-06 15:26:43
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TempTest.aspx.cs" Inherits="WebApplication1.TempText" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>Untitled Page</title>     <script language="javascript" type="text/javascript">        function display(file) {            var img = document.getElementById("image");            img.src = file.value;         }    </script> </head><body>    <form id="form1" runat="server">    <div>        <input id="File1" type="file" onchange="display(this)" />        <img id="image" alt="" src="" width="120" height="90" />    </div>    </form></body></html>   改变了src,但是image的现实图片还是空白。
查看完整描述

5 回答

?
ibeautiful

TA贡献1993条经验 获得超5个赞

如果是本地图片的话,IE7以上,Firefox,Chrome,Sarari,Opera都不会显示,因为有安全问题

查看完整回答
反对 回复 2018-12-24
?
米脂

TA贡献1836条经验 获得超3个赞

你取到的value是本地文件,有安全限制

查看完整回答
反对 回复 2018-12-24
?
BIG阳

TA贡献1859条经验 获得超6个赞

你尝试一下,在 File1 值改变事件,尝试一下,直接document.getElementById("File1").value,看看

查看完整回答
反对 回复 2018-12-24
?
潇湘沐

TA贡献1816条经验 获得超6个赞

楼主是想做上传时候的预览吧?如果是实际上并没有上传,本地文件有安全限制问题,就像是一楼说的那样,在低版本的ie(ie6)下面通过滤镜可以达到效果,但是其他浏览器都不兼容,所以还是上传以后再显示(实际上已经上传到服务器),这样的代码网上很多。

查看完整回答
反对 回复 2018-12-24
  • 5 回答
  • 0 关注
  • 471 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信