Created
September 27, 2014 18:13
-
-
Save johnzangwill/33865856020bbb7231e0 to your computer and use it in GitHub Desktop.
Plupload Silverlight problem with hidden uploader
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> | |
<title>Plupload - Custom example</title> | |
<!-- production --> | |
<script type="text/javascript" src="../js/plupload.full.min.js"></script> | |
<!-- debug | |
<script type="text/javascript" src="../js/moxie.js"></script> | |
<script type="text/javascript" src="../js/plupload.dev.js"></script> | |
--> | |
</head> | |
<body style="font: 13px Verdana; background: #eee; color: #333"> | |
<h1>Custom example</h1> | |
<p>Shows you how to use the core plupload API.</p> | |
<div id="filelist">Your browser doesn't have Flash, Silverlight or HTML5 support.</div> | |
<br /> | |
<div id="container"> | |
<a id="pickfiles" href="javascript:;">[Select files]</a> | |
<a id="uploadfiles" href="javascript:;">[Upload files]</a> | |
</div> | |
<div>Invisible uploader here:</div> | |
<div style='display:none'> | |
<div id="filelist1">Your browser doesn't have Flash, Silverlight or HTML5 support.</div> | |
<br /> | |
<div id="container1"> | |
<a id="pickfiles1" href="javascript:;">[Select files]</a> | |
<a id="uploadfiles1" href="javascript:;">[Upload files]</a> | |
</div> | |
</div> | |
<br /> | |
<pre id="console"></pre> | |
<script type="text/javascript"> | |
// Custom example logic | |
var uploader = new plupload.Uploader({ | |
runtimes : 'html5,flash,silverlight,html4', | |
browse_button : 'pickfiles', // you can pass in id... | |
container: document.getElementById('container'), // ... or DOM Element itself | |
url : 'upload.php', | |
flash_swf_url : '../js/Moxie.swf', | |
silverlight_xap_url : '../js/Moxie.xap', | |
filters : { | |
max_file_size : '10mb', | |
mime_types: [ | |
{title : "Image files", extensions : "jpg,gif,png"}, | |
{title : "Zip files", extensions : "zip"} | |
] | |
}, | |
init: { | |
PostInit: function() { | |
document.getElementById('filelist').innerHTML = ''; | |
document.getElementById('uploadfiles').onclick = function() { | |
uploader.start(); | |
return false; | |
}; | |
}, | |
FilesAdded: function(up, files) { | |
plupload.each(files, function(file) { | |
document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>'; | |
}); | |
}, | |
UploadProgress: function(up, file) { | |
document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>"; | |
}, | |
Error: function(up, err) { | |
document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message; | |
} | |
} | |
}); | |
var uploader1 = new plupload.Uploader({ | |
runtimes : 'html5,flash,silverlight,html4', | |
browse_button : 'pickfiles1', // you can pass in id... | |
container: document.getElementById('container1'), // ... or DOM Element itself | |
url : 'upload.php', | |
flash_swf_url : '../js/Moxie.swf', | |
silverlight_xap_url : '../js/Moxie.xap', | |
filters : { | |
max_file_size : '10mb', | |
mime_types: [ | |
{title : "Image files", extensions : "jpg,gif,png"}, | |
{title : "Zip files", extensions : "zip"} | |
] | |
}, | |
init: { | |
PostInit: function() { | |
document.getElementById('filelist1').innerHTML = ''; | |
document.getElementById('uploadfiles1').onclick = function() { | |
uploader.start(); | |
return false; | |
}; | |
}, | |
FilesAdded: function(up, files) { | |
plupload.each(files, function(file) { | |
document.getElementById('filelist1').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>'; | |
}); | |
}, | |
UploadProgress: function(up, file) { | |
document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>"; | |
}, | |
Error: function(up, err) { | |
document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message; | |
} | |
} | |
}); | |
uploader.init(); | |
uploader1.init(); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment