中文XML论坛--图片尚未保存到服务器时如何实现预览？

新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚

XML论坛

W3CHINA.ORG讨论区

计算机科学论坛

SOAChina论坛

Blog

开放翻译计划

新浪微博

首页

软件下载

资料下载

核心成员

帮助

>> 本版讨论XSL,XSLT,XSL-FO,CSS等技术

[返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - XML技术 → 『 XSL/XSLT/XSL-FO/CSS 』 → 图片尚未保存到服务器时如何实现预览？

◇查看新帖 ◇ 用户列表 ◇

(订阅本版)

您是本帖的第 9558 个阅读者　　

*	贴子主题：图片尚未保存到服务器时如何实现预览？	举报打印推荐 IE收藏夹
	本主题类别: 样式表技术(XSL, XSLT, XSL-FO, CSS)

lilyzhenli

  等级：大一新生
  文章：5
  积分：69
  门派：XML.ORG.CN
  注册：2009/1/4

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	楼主

图片尚未保存到服务器时如何实现预览？

asp.net程序，其中用到了XML+XSL生成HTML的技术，想在这个HTML页实现图片预览功能（注：图片尚未保存到服务器），试了一些方法后仍不得要领，大家帮帮忙吧。下面是我的代码
xsl:
  <img src="" id="img1"/>
  <input type="file" name="{$CurKey}" id="{$CurKey}" onchange="document.all.img1.src='file:///'+this.value"/>

   收藏   分享
顶(0)

2009/1/4 12:12:00

hexun831012

  威望：1
  等级：研二(Pi-Calculus看得一头雾水)(版主)
  文章：800
  积分：5114
  门派：XML.ORG.CN
  注册：2006/12/8

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第2楼

这其实是HTML和DOM的问题，和XSL无关，按模版输出就好了

2009/1/4 22:48:00

ioyichen

  等级：大一(高数修炼中)
  文章：33
  积分：191
  门派：XML.ORG.CN
  注册：2007/5/14

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第3楼

这个是不可能实现的，除非你上传到服务器，才能预览图片，浏览器是有安全限制的，ie有的版本可以，firefox直接就是不能
----------------------------------------------
HA HA HA HA !

2009/1/10 13:45:00

lilyzhenli

  等级：大一新生
  文章：5
  积分：69
  门派：XML.ORG.CN
  注册：2009/1/4

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第4楼

谢谢回复信息的人，那个问题已经解决了，我用了一个div，

        <input type="file" name="{$$CurKey}" id="{$CurKey}" onchange="SetImg(this) "/>
        <div id="$CurKey}_div" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)">
        </div>

function SetImg(opt){
              var v=opt.value;
              if(v!=null && v!=""){
                  var val=v.substring(v.lastIndexOf('.')+1,v.length).toLowerCase();
                   if(val != "jpg" && val != "gif" && val != "png" )
                  {
                      opt.focus();opt.value="";
                      alert("只能上传JPG、GIF、PNG格式的图片。");
                  }
                  else{
                      var dimg=document.getElementById(opt.id+"_div");
                      dimg.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = v;
                      dimg.style.width = 40;
                      dimg.style.height = 40;
                      dimg.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
                  }
              }
            }

2009/1/15 12:54:00

  威望：9
  等级：博士二年级(版主)
  文章：4392
  积分：29981
  门派：XML.ORG.CN
  注册：2004/5/15

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第5楼

看代码应该不支持firefox哦，使用MS的filters。
----------------------------------------------
没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

blog:http://Qr.blogger.org.cn

2009/1/15 13:57:00

hexun831012

  威望：1
  等级：研二(Pi-Calculus看得一头雾水)(版主)
  文章：800
  积分：5114
  门派：XML.ORG.CN
  注册：2006/12/8

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第6楼

谢谢QR帮我盯着，我最近忙IETLS去了

2009/1/18 12:55:00

  威望：9
  等级：博士二年级(版主)
  文章：4392
  积分：29981
  门派：XML.ORG.CN
  注册：2004/5/15

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第7楼

以下是引用hexun831012在2009-1-18 12:55:00的发言：
谢谢QR帮我盯着，我最近忙IETLS去了

偶经常打沙枪的：）
----------------------------------------------
没人帮忙，那就靠自己，自己才是最好的老师！本人拒绝回答通过站内短消息提出的问题！

blog:http://Qr.blogger.org.cn

2009/1/18 18:05:00

lilyzhenli

  等级：大一新生
  文章：5
  积分：69
  门派：XML.ORG.CN
  注册：2009/1/4

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第8楼

楼上的有什么更好的办法吗？先谢谢啦！

2009/1/21 11:43:00

GoogleAdSense

  等级：大一新生
  文章：1
  积分：50
  门派：无门无派
  院校：未填写
  注册：2007-01-01

	广告

2024/5/1 2:08:09

本主题贴数8，分页： [1]

管理选项：修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	84.961ms