在IE7下不能预览图片

犀山居士 2008-07-23 11:06:31

在IE7下，使用本地方式打开（直接双击打开，使用x:/test.html的路径打开）时可以预览图片，但是使用网站的方式打开（把文件放到网站项目的目录下，使用http://localhost/test.html的路径打开）却不能预览图片！

在IE6下能正常，请各位指教！

<input type="file" id="Pic_1c_f" onpropertychange="document.all.imgID.src='file:///'+this.value">
<img id="imgID">

...全文

483 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

pspcombat 2009-08-13

打赏
举报

nicholsky 2008-07-23

打赏
举报

这是IE7的问题，有些安全机制像FIREFOX一些一样过于严重，宁可杀错不可放过的一刀切机制，所以我打死不装IE7。等IE8多人用了评估后再看看。

犀山居士 2008-07-23

打赏
举报

问题解决了！原来是要把网站设置为可信任站点！但是我本机的localhost都不可信任，是否太过于安全了？如果只为了上传图片就要把客户的网站设为可信任站点，这其实就是不安全！因为这个网站不一定就是可信任的，可能有其它安全隐患，却因为要预览图片就变成可信任站点！就是很大的安全隐患！而我在安全里所有选项都改过了，怎么改都不行，只能设置为可信任站点！太无耻了！

xiaojing7 2008-07-23

打赏
举报

忘记补充了，我装的IE8 测试ok！

nicholsky 2008-07-23

打赏
举报

听说IE7不允许本地图片加载到页面上显示，不太清楚，等IE8。

xiaojing7 2008-07-23

打赏
举报

<head>

<title>图片预览测试</title>

<script type="text/javascript">

<!--

///////////////////////////////////////////////////////////

//                                                       //

// 描述：图片上传测试                                    //

// 作者：高强                                            //

// 日期：19:24 2008-07-22                                //

// 测试：在IE7下，使用本地方式打开时可以预览图片，       //

//       但是使用网站的方式打开却不能预览图片！          //

//                                                       //

///////////////////////////////////////////////////////////

var $=function(el){

	return (typeof  el == 'object')?el:document.getElementById(el);

};

    function review(img,file)

    {

        if(img && file && file.value)

        {

            img.src=file.value;

        }

    }

-->

</script>



</head>

<body>

<img id='img' border='0' alt='请选择一个图片！'><br>

<input id='file' type='file'><br>

<input type='button' value=' 预览 ' onclick="review($('img'),$('file'))"><br>

</body>

犀山居士 2008-07-23

打赏
举报

微软自己的代码也不能在IE7下预览！不知道是什么原因！看来IE7的安全也太安全了！过于安全就等于没有用！



<head>

<title>图片预览测试</title>

<script type="text/javascript">

<!--

///////////////////////////////////////////////////////////

//                                                       //

// 描述：图片上传测试                                    //

// 作者：高强                                            //

// 日期：19:24 2008-07-22                                //

// 测试：在IE7下，使用本地方式打开时可以预览图片，       //

//       但是使用网站的方式打开却不能预览图片！          //

//                                                       //

///////////////////////////////////////////////////////////



    function review(img,file)

    {

        if(img && file && file.value)

        {

            img.src=file.value;

        }

    }

-->

</script>



</head>

<body>

<img id='img' border='0' alt='请选择一个图片！'><br>

<input id='file' type='file'><br>

<input type='button' value=' 预览 ' onclick='javascript:review(img,file);'><br>

</body>

犀山居士 2008-07-23

打赏
举报

呵呵，你和我一样，我要等大家把问题全找出来让它们升级后我再用，我不喜欢抢新鲜，我要的是成熟，我可不想做他们的免费测试人员！
我自己也不用IE7，只不过我做的项目，很多客户用IE7，为了客户，我要装一下来测试用，我开始也不知道有这问题，客户说不能上传图片，我看了一下原因是没有检测到图片大小，无法通过验证！

7. **响应式设计**：考虑到用户可能在不同尺寸的设备上访问，预览系统应具备良好的响应式设计，确保在桌面、平板和移动设备上都能良好显示。通过以上技术手段和策略，开发者可以构建一个高效、安全且兼容多浏览器...

总的来说，`jQuery上传图片预览插件`为开发者提供了一种简便的方法，使得在各种浏览器环境下都能实现图片上传前的预览，提高了用户体验。在实际项目中，开发者需要结合提供的资源，如`jquery.uploadPreview.js`脚本...