asp.net图片上传时不能够显示预览 如文章标题,我在网上下一个.html的文件,可以预览,可是贴到我的.aspx页面中,图片不能够预览,图片路径问题吧,求解。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 贴上代码如下,请高手指点:<!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> <title>New Document </title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> //全局变量 var FileCount = 0; //上传文件总数 //添加上传文件按钮 function addFile(obj) { var filePath = $(obj).prev().val(); var FireFoxFileName = ""; //FireFox文件的路径需要特殊处理 if (window.navigator.userAgent.indexOf("Firefox") != -1) { FireFoxFileName = filePath; filePath = $(obj).prev()[0].files.item(0).getAsDataURL(); } if (!checkFile(filePath, FireFoxFileName)) { $(obj).prev().val(""); return; } if (filePath.length == 0) { alert("请选择上传文件"); return false; } FileCount++; //添加上传按钮 var html = '<span>'; html += '<input id="f' + FileCount + '" name="' + FileCount + '" type="file"/> '; html += '<input type="button" value="添加" onclick="addFile(this)"/>'; html += '</span>'; $("#fil").append(html); //添加图片预览 html = '<li>'; html += '<img id="img' + (FileCount - 1) + '" src="' + filePath + '" width="100" height="100" style="cursor:pointer;" alt="暂无预览" />'; html += '<br/>'; html += '<a href="#" name="img' + (FileCount - 1) + '" onclick="DelImg(this)">删除</a>'; html += '</li>'; $("#ImgList").append(html); } //删除上传文件(file以及img) function DelImg(obj) { var ID = $(obj).attr("name"); ID = ID.substr(3, ID.length - 3); $("#f" + ID).parent().remove(); $(obj).parent().remove(); return false; } //检查上传文件是否重复,以及扩展名是否符合要求 function checkFile(fileName, FireFoxFileName) { var flag = true; $("#ImgList").find(":img").each(function () { if (fileName == $(this).attr("src")) { flag = false; if (FireFoxFileName != '') { alert('上传文件中已经存在\'' + FireFoxFileName + '\'!'); } else { alert('上传文件中已经存在\'' + fileName + '\'!'); } return; } }); //文件类型判断 var str = "jpg|jpeg|bmp|gif"; var fileExtName = fileName.substring(fileName.indexOf(".") + 1); //获取上传文件扩展名 if (FireFoxFileName != '')//fireFox单独处理 { fileExtName = FireFoxFileName.substring(FireFoxFileName.indexOf(".") + 1); } //alert(fileExtName); if (str.indexOf(fileExtName.toLowerCase()) == -1) { alert("只允许上传格式为jpg,jpeg,bmp,gif的文件。"); flag = false; } return flag; } </script> <style type="text/css"> .fil { width: 300px; } .fieldset_img { border: 1px solid blue; width: 550px; height: 180px; text-align: left; } .fieldset_img img { border: 1px solid #ccc; padding: 2px; margin-left: 5px; } #ImgList li { text-align: center; list-style: none; display: block; float: left; margin-left: 5px; } </style></head><body> <p> 上传预览图片:<br> <div id="fil" class="fil"> <span> <input id="f0" name="f0" type="file" /> <input type="button" value="添加" onclick="addFile(this)" /> </span> </div> </p> <div id="ok"> <fieldset class="fieldset_img"> <legend>图片展示</legend> <ul id="ImgList"> <!--li><img id="img1" width="100" height="100" style="cursor:pointer;"><br/><a href="#" name="img1" onclick="DelImg(this)">删除</a></li--> </ul> </fieldset> </div></body></html> 怎么改写基础类 WPF中DataGrid的用法 c#cs程序如何将框架打包进去 如何获取FCKeditor上传图片路径 怎样关闭PowerPoint进程。急~,帮帮忙啊,要交差了。 请问c#里面的串行化是怎么回事?怎么利用socket传送文件 C#VSTO如何在WinForm中添加整个Excel...就是当这个Excel工作薄是个控件一样添加在WinForm里。 xml 改值 如何将一个textbox里面内容,按照回车,换行符按照11位截取” 如何打印对话框的内容 跪求!!!急 !!extjs 文本跨列合并单元格显示信息 日志管理
<!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>
<title>New Document </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//全局变量
var FileCount = 0; //上传文件总数
//添加上传文件按钮
function addFile(obj) {
var filePath = $(obj).prev().val();
var FireFoxFileName = "";
//FireFox文件的路径需要特殊处理
if (window.navigator.userAgent.indexOf("Firefox") != -1) {
FireFoxFileName = filePath;
filePath = $(obj).prev()[0].files.item(0).getAsDataURL();
}
if (!checkFile(filePath, FireFoxFileName)) {
$(obj).prev().val("");
return;
}
if (filePath.length == 0) {
alert("请选择上传文件");
return false;
}
FileCount++;
//添加上传按钮
var html = '<span>';
html += '<input id="f' + FileCount + '" name="' + FileCount + '" type="file"/> ';
html += '<input type="button" value="添加" onclick="addFile(this)"/>';
html += '</span>';
$("#fil").append(html);
//添加图片预览
html = '<li>';
html += '<img id="img' + (FileCount - 1) + '" src="' + filePath + '" width="100" height="100" style="cursor:pointer;" alt="暂无预览" />';
html += '<br/>';
html += '<a href="#" name="img' + (FileCount - 1) + '" onclick="DelImg(this)">删除</a>';
html += '</li>';
$("#ImgList").append(html);
}
//删除上传文件(file以及img)
function DelImg(obj) {
var ID = $(obj).attr("name");
ID = ID.substr(3, ID.length - 3);
$("#f" + ID).parent().remove();
$(obj).parent().remove();
return false;
}
//检查上传文件是否重复,以及扩展名是否符合要求
function checkFile(fileName, FireFoxFileName) {
var flag = true;
$("#ImgList").find(":img").each(function () {
if (fileName == $(this).attr("src")) {
flag = false;
if (FireFoxFileName != '') {
alert('上传文件中已经存在\'' + FireFoxFileName + '\'!');
}
else {
alert('上传文件中已经存在\'' + fileName + '\'!');
}
return;
}
});
//文件类型判断
var str = "jpg|jpeg|bmp|gif";
var fileExtName = fileName.substring(fileName.indexOf(".") + 1); //获取上传文件扩展名
if (FireFoxFileName != '')//fireFox单独处理
{
fileExtName = FireFoxFileName.substring(FireFoxFileName.indexOf(".") + 1);
}
//alert(fileExtName);
if (str.indexOf(fileExtName.toLowerCase()) == -1) {
alert("只允许上传格式为jpg,jpeg,bmp,gif的文件。");
flag = false;
}
return flag;
}
</script>
<style type="text/css">
.fil
{
width: 300px;
}
.fieldset_img
{
border: 1px solid blue;
width: 550px;
height: 180px;
text-align: left;
}
.fieldset_img img
{
border: 1px solid #ccc;
padding: 2px;
margin-left: 5px;
}
#ImgList li
{
text-align: center;
list-style: none;
display: block;
float: left;
margin-left: 5px;
}
</style>
</head>
<body>
<p>
上传预览图片:<br>
<div id="fil" class="fil">
<span>
<input id="f0" name="f0" type="file" />
<input type="button" value="添加" onclick="addFile(this)" />
</span>
</div>
</p>
<div id="ok">
<fieldset class="fieldset_img">
<legend>图片展示</legend>
<ul id="ImgList">
<!--li>
<img id="img1" width="100" height="100" style="cursor:pointer;">
<br/>
<a href="#" name="img1" onclick="DelImg(this)">删除</a>
</li-->
</ul>
</fieldset>
</div>
</body>
</html>