我已经创建了一个放置区域,可以在其中放置图像,并且在该放置区域内,我还有一个链接/按钮可以打开文件浏览器。
单击此链接有效,然后选择一个文件将触发警报消息。
但是我无法激活放置区。
有谁知道我该如何做这项工作?这是我的小提琴:http : //jsfiddle.net/spstieng/kXX6L/6/
HTML:
<section class="logo-drop-box-container">
<div id="logo-drop-box" class="image-drop-box">
Drop image or <a id="logo-file-browser-button" class="brows-file-button" href="#"> select file</a>
</div>
</section>
JS:
function logoUpload() {
var uploader = new plupload.Uploader({
runtimes : 'html5',
container: 'logo-drop-box',
browse_button : 'logo-file-browser-button',
multipart : false,
dragdrop: true,
flash_swf_url : 'http://www.plupload.com/plupload/js/Moxie.swf',
silverlight_xap_url : 'http://www.plupload.com/plupload/js/Moxie.xap',
url : '/some/path/to/upload.php',
filters : {
max_file_size : '2mb',
mime_types: [{title : "Image files", extensions : "jpg,png"}]
},
init : {
FilesAdded: function(up, files) {
alert('test');
}
}
});
uploader.init();
}
if($('.logo-drop-box-container').length > 0) {
logoUpload();
}
要回答我自己的问题,它缺少drop_element
。
var uploader = new plupload.Uploader({
runtimes : 'html5,flash',
container: 'drop-box',
drop_element: "drop-box",
...
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句