62,041
社区成员
发帖
与我相关
我的任务
分享上传图片时单击选中图片IE8显示不了图片
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<object id="uploadid" height="20" width="120" classid="clsid:18B9E4BF-F21F-46B9-AD50-5CA62145426A" style="display:none">
<param name="Action" value="Upload.aspx" />
<param name="AllowExt" value="gif;jpg;bmp" />
<param name="MaxFileSize" value="5242880" />
</object>
<style type="text/css">
body {
background-color: #F2F1F3;
}
body,td,th {
font-size: 14px;
}
.imgtd {
width:170px;
height:130px;
text-align:center;
vertical-align:middle;
}
</style>
<script type="text/javascript">
function selectfiles() {
var str = uploadid.selectfiles();
if (str != "") {
showimgs(str);
document.all.up_load.disabled = false;
}
else {
document.all.up_load.disabled = true;
}
}
function showimgs(urls) {
var tb = document.getElementById("smallimgs");
var tr, tcell, timg;
var imgs = urls.split("\n");
var i = 0, j = 0;
while (tb.rows.length > 0) {
tb.deleteRow(0);
}
if (urls == "") {
showcount.innerHTML = "每张图最大5M";
return;
}
for (i = 0; i < imgs.length; i++) {
if (i % 4 == 0) {
tr = tb.insertRow(tb.rows.length);
for (j = 0; j < 4; j++) {
tcell = tr.insertCell(j);
tcell.className = "imgtd";
tcell.innerHTML = "";
}
}
tcell = tr.cells(i % 4);
tcell.innerHTML = "<img src=\"" + imgs[i] + "\" style=\"width: 160px; height: 120px\" />";
}
showcount.innerHTML = "每张图最大5M, 合计：" + imgs.length + " 张图";
}
function upload() // 执行上传操作
{
if (confirm("系统提示：\n\n是否确认要上传图片")) {
uploadid.addformitem("id", document.all.BillNo.value);
uploadid.addformitem("type", document.all.BillType.value);
var str = uploadid.uploadfile();
if (str == "") {
alert("上传文件成功");
showimgs("");
UploadComplete();
}
else {
alert("上传文件失败！" + str);
}
document.all.up_load.disabled = true;
}
}
//刷新获取id
function UploadComplete() {
__doPostBack('Refresh', '');
}
//设置图片值
function SetImageValue(idList) {
var pwin = window.opener;
if (pwin == null)
pwin = parent;
if (top != pwin && pwin.SetImagesId)
pwin.SetImagesId(idList);
}
</script>
</head>
<body style="margin:0 0 0 0;">
<form id="form1" runat="server">
<div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="pageHead" style="height:25px; padding-left:8px;">
<asp:Label ID="Title" runat="server"></asp:Label></td>
<td class="pageHead" style=" text-align:right; ">
<span style="display:none"><asp:TextBox ID="BillNo" runat="server"></asp:TextBox><asp:TextBox ID="BillType" runat="server"></asp:TextBox></span>
<input id="se_files" type="button" value="选择图片" class="btn5_1" onclick="selectfiles()"/>
<input id="up_load" type="button" value="上传文件" class="btn5_1" disabled="disabled" onclick="upload()"/> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="width:100%; height:100%">
<tr>
<td style=" text-align:center; vertical-align:middle; background-color:#EAEAEA; height:100%">
<div style="overflow:auto; width:730px; text-align:center; vertical-align:top">
<table border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed" id="smallimgs">
<tr>
<td class="imgtd"> </td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td class="pageHead" style="height:25px; padding-left:8px; text-align:right"><span id="showcount">每张图最大5M</span> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
上传图片时单击选中图片IE8显示不了图片，上传我先不想弄先，现在想解决单击选中图片IE8显示图片的问题，求救！
<object id="uploadid" height="20" width="120" classid="clsid:18B9E4BF-F21F-46B9-AD50-5CA62145426A" style="display:none">
<param name="Action" value="Upload.aspx" />
<param name="AllowExt" value="gif;jpg;bmp" />
<param name="MaxFileSize" value="5242880" />
</object>
<style type="text/css">
body {
background-color: #F2F1F3;
}
body,td,th {
font-size: 14px;
}
.imgtd {
width:170px;
height:130px;
text-align:center;
vertical-align:middle;
}
</style>
<script type="text/javascript">
function selectfiles() {
var str = uploadid.selectfiles();
if (str != "") {
showimgs(str);
document.all.up_load.disabled = false;
}
else {
document.all.up_load.disabled = true;
}
}
function showimgs(urls) {
var tb = document.getElementById("smallimgs");
var tr, tcell, timg;
var imgs = urls.split("\n");
var i = 0, j = 0;
while (tb.rows.length > 0) {
tb.deleteRow(0);
}
if (urls == "") {
showcount.innerHTML = "每张图最大5M";
return;
}
for (i = 0; i < imgs.length; i++) {
if (i % 4 == 0) {
tr = tb.insertRow(tb.rows.length);
for (j = 0; j < 4; j++) {
tcell = tr.insertCell(j);
tcell.className = "imgtd";
tcell.innerHTML = "";
}
}
tcell = tr.cells(i % 4);
tcell.innerHTML = "<img src=\"" + imgs[i] + "\" style=\"width: 160px; height: 120px\" />";
}
showcount.innerHTML = "每张图最大5M, 合计：" + imgs.length + " 张图";
}
function upload() // 执行上传操作
{
if (confirm("系统提示：\n\n是否确认要上传图片")) {
uploadid.addformitem("id", document.all.BillNo.value);
uploadid.addformitem("type", document.all.BillType.value);
var str = uploadid.uploadfile();
if (str == "") {
alert("上传文件成功");
showimgs("");
UploadComplete();
}
else {
alert("上传文件失败！" + str);
}
document.all.up_load.disabled = true;
}
}
//刷新获取id
function UploadComplete() {
__doPostBack('Refresh', '');
}
//设置图片值
function SetImageValue(idList) {
var pwin = window.opener;
if (pwin == null)
pwin = parent;
if (top != pwin && pwin.SetImagesId)
pwin.SetImagesId(idList);
}
</script>
</head>
<body style="margin:0 0 0 0;">
<form id="form1" runat="server">
<div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="pageHead" style="height:25px; padding-left:8px;">
<asp:Label ID="Title" runat="server"></asp:Label></td>
<td class="pageHead" style=" text-align:right; ">
<span style="display:none"><asp:TextBox ID="BillNo" runat="server"></asp:TextBox><asp:TextBox ID="BillType" runat="server"></asp:TextBox></span>
<input id="se_files" type="button" value="选择图片" class="btn5_1" onclick="selectfiles()"/>
<input id="up_load" type="button" value="上传文件" class="btn5_1" disabled="disabled" onclick="upload()"/> </td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="width:100%; height:100%">
<tr>
<td style=" text-align:center; vertical-align:middle; background-color:#EAEAEA; height:100%">
<div style="overflow:auto; width:730px; text-align:center; vertical-align:top">
<table border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed" id="smallimgs">
<tr>
<td class="imgtd"> </td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td class="pageHead" style="height:25px; padding-left:8px; text-align:right"><span id="showcount">每张图最大5M</span> </td>
</tr>
</table>
</div>
</form>
</body>
</html>
上传图片时单击选中图片IE8显示不了图片，上传我先不想弄先，现在想解决单击选中图片IE8显示图片的问题，求救！
...全文
请发表友善的回复…
发表回复
snlixing 2012-04-13
- 打赏
- 举报
浏览器的兼容性是个让人很头疼的事
JS-DSP 2012-04-13
- 打赏
- 举报
[Quote=引用 4 楼 的回复:]
能在此基础上实现图片显示最好，没时间弄其他的了
[/Quote]
你看看其他浏览器行不，然后你检查看路径和图片大小对不
能在此基础上实现图片显示最好，没时间弄其他的了
[/Quote]
你看看其他浏览器行不，然后你检查看路径和图片大小对不
devilsu 2012-04-13
- 打赏
- 举报
Flash
Mirror然 2012-04-13
- 打赏
- 举报
[Quote=引用 4 楼 的回复:]
能在此基础上实现图片显示最好，没时间弄其他的了
[/Quote]
修改兼容性确实是个大头的问题 参考孟子的FLASH图片上传 或许以后你用的上
能在此基础上实现图片显示最好，没时间弄其他的了
[/Quote]
修改兼容性确实是个大头的问题 参考孟子的FLASH图片上传 或许以后你用的上
jun11111 2012-04-13
- 打赏
- 举报
能在此基础上实现图片显示最好，没时间弄其他的了
孟子E章 2012-04-13
- 打赏
- 举报
参见Flash实现的代码
http://www.klstudio.com/post/182.html
http://www.klstudio.com/post/182.html
孟子E章 2012-04-13
- 打赏
- 举报
不是所有浏览器都支持客户端预览的。要支持所有浏览器，请使用Flash实现
或者上传到服务器端再预览
或者上传到服务器端再预览
