1
所以我有一個自定義上傳腳本,它基本上允許用戶/客戶端單擊並選擇他們想要上傳或點擊的圖像,並將其拖動到框中,當它們這樣做時出現預覽。該代碼似乎在firefox和chrome中都可以正常工作,但在safari中無法正常工作。我知道我的客戶主要使用Safari瀏覽器,我想讓它爲他們工作。自定義文件上傳腳本在safari中不起作用
爲什麼它不能在safari中工作?
HTML -
<form method='post' enctype='multipart/form-data' action='#'>
<div style="height: 200px;">
<div class="droparea spot logoupload">
<div class="instructions"><img class="previewlogo" src="http://wmemusic.com/wme/admin/img/loginlogo.jpg" alt="Click or Drag image here to add login logo"/>
</div>
<input type="file" class="droparea spot logoupload" name="logo" onchange="readURL(this);"/>
</div>
</div>
</form>
CSS -
.droparea {
position:relative;
text-align: center;
min-height:100px;
margin:0;
}
.droparea div, .droparea input {
position: absolute;
top:0;
right:2px;
width: 100%;
height: 100%;
}
.droparea input {
cursor: pointer;
opacity: 0;
}
.droparea .instructions {
border: 2px dashed #ddd;
max-height:200px;
height:auto;
min-height:100px;
overflow:hidden
}
.droparea .instructions.over {
border: 2px dashed #000;
background: #ffa;
}
#areas { width: 480px; }
div.spot {
margin: 5px auto;
}
.logoupload {width: 262px;
min-height: 100px;
height:auto;}
JAVASCRIPT -
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
var imgHeight = $(".previewlogo").height();
reader.onload = function(e) {
$('.previewlogo').attr('src', e.target.result)
$('.droparea').attr('style', 'height:', imgHeight, 'px;')
};
reader.readAsDataURL(input.files[0]);
}
}
那麼,這將解釋它...有沒有其他的選擇? – 2012-01-09 19:42:36
使用插件:Flash – ZippyV 2012-01-09 21:18:41