[英]My Javascript code does not work in IE but works fine in other browsers
[英]plupload does not seem to be uploading files in IE 9. It works in other browsers
在我們的項目中,我們使用plupload上傳單個excel文件。 該功能在除IE9之外的所有瀏覽器中均有效。 單擊上載鏈接后,將顯示文件對話框,但是嘗試打開excel時沒有任何反應。 以下是供參考的代碼,解決該問題的任何幫助將不勝感激。 提前致謝!
function initUploader(btnId, fileType, onSuccess) {
if (typeof fileType == "undefined") fileType = "image";
var arrFilters = new Array();
var url = 'user/attachmentUpload';
switch (fileType) {
case "image":
arrFilters = [{title : "Image files", extensions : "jpg,jpeg,gif,png"}];
url = 'assets/imgupload';
break;
case "xls":
arrFilters = [{title : "Spreadsheet files", extensions : "xls,xlsx"}];
url = 'user/attachmentUpload';
break;
case "media":
arrFilters = [{
title : "Media files",
extensions : "mpeg4,mob,3gpp,avi,wmv,mp3,m4a,ogg,wav"
}];
break;
case "document":
arrFilters = [{
title : "Text files",
extensions : "doc,docx"
},{
title : "PDF files",
extensions : "pdf"
}];
break;
default:
arrFilters = [
{
title : "Image files",
extensions : "jpg,jpeg,gif,png"
},
{
title : "Zip files",
extensions : "zip"
},
{
title : "Media files",
extensions : "mpeg4,mob,3gpp,avi,wmv,mp3,m4a,ogg,wav"
},
{
title : "Spreadsheet files",
extensions : "xls,xlsx"
},
{
title : "Text files",
extensions : "doc,docx"
},
{
title : "PDF files",
extensions : "pdf"
}
];
break;
}
var uploader = new plupload.Uploader({
runtimes : 'gears,html5,html4,flash,silverlight,browserplus',
browse_button : btnId,
//container : 'container',
max_file_size : '10mb',
url : url,
flash_swf_url : 'assets/js/vendor/plupload/plupload.flash.swf',
silverlight_xap_url : 'assets/js/vendor/plupload/plupload.silverlight.xap',
multiple_queues : false,
filters : arrFilters,
resize : {width : 320, height : 240, quality : 90}
});
$('#'+btnId).change(function(){
uploader.start();
});
uploader.refresh();
uploader.init();
uploader.bind('FilesAdded', function(up, files) {
up.refresh(); // Reposition Flash/Silverlight
Utility.showProcessingBar();
uploader.start();
});
uploader.bind('Error', function(up, err) {
alert("Error: " + err.code + ", Message: " + err.message + (err.file ? ", File: " + err.file.name : ""));
up.refresh(); // Reposition Flash/Silverlight
});
uploader.bind('FileUploaded', function(up, file, response) {
var obj = eval('(' + response.response + ')');
//alert('Files uploaded');
if (typeof onSuccess == "function")
onSuccess(obj.fileName);
});
}
對於與我有相同問題的每個人:
我有以下HTML代碼:
<div class="container" style="display:none">
<div>
Logo:
</div>
<div style="clear"></div>
<div id="uploader">
<div id="runtime" class="right">
No runtime was found !
</div>
<div>
<a id="pickfiles" href="#">[Select files]</a>
<a id="uploadfiles" href="#">[Upload files]</a>
</div>
</div>
</div>
類container
創建為對話框:
$(function(){
$(".container").dialog({modal:true, width:400});
});
我們知道div
最初是由於display: none
隱藏的display: none
(當然,您可以在對話框對象autoOpen:false
設置為新選項),我們可以刪除樣式。
在IE8中(可能在早期和更高版本中),如果div
隱藏,則無法正確實例化上載器。 (返回上述錯誤)
在Chrome和Firefox(我沒有在Opera中測試此問題)中,它可以正常工作。
因此,我的建議是避免隱藏的塊(即使您希望創建模式對話框)。
我從該div
刪除了display:none
樣式和dialog
對象,現在在IE8中效果很好。
為什么? 我不知道為什么在IE中,頁面啟動時未創建對象的實例,盡管在Firefox和Chrome中,實例是正常創建的。
為了獲得最大的兼容性,您應該重新排列插件優先級列表。
var uploader = new plupload.Uploader({
runtimes : 'gears,html5,html4,flash,silverlight,browserplus',
替換為
var uploader = new plupload.Uploader({
runtimes : 'flash,html5,silverlight,browserplus,gears,html4',
確保Flash文件存在並且路徑相對於js文件的位置。
flash_swf_url : 'assets/js/vendor/plupload/plupload.flash.swf',
我正在使用這個jQuery。
您可以嘗試此操作,因為我正在ie7 +中使用此功能,並且所有瀏覽器都來自我的文件上傳。
這是我是新手,關於如何在此處上傳js文件的文件代碼。
<form id="uploadForm" method="post" enctype="multipart/form-data" action="javascript:void(0);" autocomplete="off">
<div class="vasplusfile_adds">
<label>Upload More</label>
<input type="hidden" name="myfile" />
<div class="input customfile-container">
<input type="file" name="uploadfile" id="file" />
</div>
<div class="clear"></div>
<br>
<div class="input" id="status" align="left" > </div>
</div>
</form>
<script>
$(function() {
$('#upload_file').live('change',function() {
$("#status").html('<div id="upload_now" class="btn">Click to Upload</div>');});
$('#upload_now').live('click', function() {
$("#uploadForm").vPB({ beforeSubmit: function() {
$("#status").html('<div style="" align="center">Loading</div>');
url: '',
success: function(response) { // my response after file uploaded
}}).submit(); }); });
</script>
從我的小提琴中可以找到例子。
祝您編碼愉快:)
在ie7中進行現場演示使用http://vasplus.info/demos/upload_without_page_refresh/index.php
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.