以下js实现了选择图片以后,img可以立刻显示出来,用ie8在本地显示,但是在服务器上就不显示,不知道是怎么回事,请指教一下,谢谢了~~
<script language="javascript" type="text/javascript">
var allowExt = ['jpg', 'gif', 'bmp', 'png', 'jpeg'];
var preivew = function(file, container){
try{
var pic = new Picture(file, container);
}catch(e){
alert(e);
}
}
//缩略图类定义
var Picture = function(file, container){
var height = 0,
widht = 0,
ext = '',
size = 0,
name = '',
path = '';
var self = this;
if(file){
name = file.value;
if (window.navigator.userAgent.indexOf("MSIE")>=1){
file.select();
path = document.selection.createRange().text;
}else if(window.navigator.userAgent.indexOf("Firefox")>=1){
if(file.files){
path = file.files.item(0).getAsDataURL();
}else{
path = file.value;
}
}
}else{
throw "bad file";
}
ext = name.substr(name.lastIndexOf("."), name.length);
/*
if(container.tagName.toLowerCase() != 'img'){
throw "container is not a valid img label";
container.visibility = 'hidden';
}*/
container.src = path;
container.alt = name;
container.style.visibility = 'visible';
height = container.height;
widht = container.widht;
size = container.fileSize;
this.get = function(name){
return self[name];
} this.isValid = function(){
if(allowExt.indexOf(self.ext) !== -1){
throw 'the ext is not allowed to upload';
return false;
}
}
}
function imgshow(ob){
preivew(ob, document.getElementById('img'));
}
</script>
<img szr="" id="img" />
<input type="file" name="uploadfile" id="uploadfile" />
<script language="javascript" type="text/javascript">
var allowExt = ['jpg', 'gif', 'bmp', 'png', 'jpeg'];
var preivew = function(file, container){
try{
var pic = new Picture(file, container);
}catch(e){
alert(e);
}
}
//缩略图类定义
var Picture = function(file, container){
var height = 0,
widht = 0,
ext = '',
size = 0,
name = '',
path = '';
var self = this;
if(file){
name = file.value;
if (window.navigator.userAgent.indexOf("MSIE")>=1){
file.select();
path = document.selection.createRange().text;
}else if(window.navigator.userAgent.indexOf("Firefox")>=1){
if(file.files){
path = file.files.item(0).getAsDataURL();
}else{
path = file.value;
}
}
}else{
throw "bad file";
}
ext = name.substr(name.lastIndexOf("."), name.length);
/*
if(container.tagName.toLowerCase() != 'img'){
throw "container is not a valid img label";
container.visibility = 'hidden';
}*/
container.src = path;
container.alt = name;
container.style.visibility = 'visible';
height = container.height;
widht = container.widht;
size = container.fileSize;
this.get = function(name){
return self[name];
} this.isValid = function(){
if(allowExt.indexOf(self.ext) !== -1){
throw 'the ext is not allowed to upload';
return false;
}
}
}
function imgshow(ob){
preivew(ob, document.getElementById('img'));
}
</script>
<img szr="" id="img" />
<input type="file" name="uploadfile" id="uploadfile" />
解决方案 »
- 关于在eclipse中导入jquery
- 使人头晕向转的 prototype!
- json数据的循环显示问题
- 关于iframe加载判断的问题
- 如何让表单不通过验证直接提交
- js取checkbox值的问题
- 请问一下,textarea框,输入字符串以后,即时显示还能输入多少个字,是怎么实现的?
- 有关table格式的问题,急急
- gzh_seagull(不可)麻烦你再看看http://expert.csdn.net/Expert/topic/2115/2115640.xml?temp=.1707422
- [jsp]投票网站关于选项增加删除的问题
- 怎么没有格行变色呢?
- 请问JS中的Image对象具有哪些属性和事件?
你研究下这个吧
是这个