实现下面代码的上传图片并浏览的功能，html+js实现，求指教，在线等。。。 20
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function showImage()
{
//js代码
}
</script>
<table border="1" style="width:1000px" >
<tr class="midTable1td1" style="height:50px;">
<td align="center">图片描述</td>
<td align="center">图片</td>
<td align="center">操作</td>
</tr>
<tr class="midTable1td2" style="height:200px">
<td class="inputContent" align="center" >显示图片名</td>
<td align="center">显示图片</td>
<td align="center"><input type="button" name="Submit2" value="删除" class="button"></td>
</tr>
</table>
<form>
<input type="file" id="upload" onChange="showImage()"/>
</form>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function showImage()
{
//js代码
}
</script>
<table border="1" style="width:1000px" >
<tr class="midTable1td1" style="height:50px;">
<td align="center">图片描述</td>
<td align="center">图片</td>
<td align="center">操作</td>
</tr>
<tr class="midTable1td2" style="height:200px">
<td class="inputContent" align="center" >显示图片名</td>
<td align="center">显示图片</td>
<td align="center"><input type="button" name="Submit2" value="删除" class="button"></td>
</tr>
</table>
<form>
<input type="file" id="upload" onChange="showImage()"/>
</form>
</body>
</html> 展开
展开全部
单纯的 JS 不能实现文件上传，仅能做预览（而且还要看浏览器的隐私设置是否允许）。
代码：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function showImage()
{
// 获取文件路径
var path = document.getElementById('upload').value;
// 显示文件路径
document.getElementById('imgName').innerHTML = path;
// 创建 img
var img = document.createElement('img');
// 载入图像
img.src = path;
// 插入图像到页面中
document.getElementById('imgPrev').appendChild(img);
}
</script>
<table border="1" style="width:1000px" >
<tr class="midTable1td1" style="height:50px;">
<td align="center">图片描述</td>
<td align="center">图片</td>
<td align="center">操作</td>
</tr>
<tr class="midTable1td2" style="height:200px">
<td id="imgName" class="inputContent" align="center" >显示图片名</td>
<td id="imgPrev" align="center">显示图片</td>
<td align="center"><input type="button" name="Submit2" value="删除" class="button"></td>
</tr>
</table>
<form>
<input type="file" id="upload" onChange="showImage()"/>
</form>
</body>
</html>
更多追问追答
追问
我就是要浏览功能
最好能浏览多张图片
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
