Jquery plupload browse_按钮不显示浏览对话框
我正在使用plupload队列将图像上载到我们的服务器。我正在将browse_按钮的值设置为超链接的id,因此它会显示一个浏览对话框。但是,当我单击该超链接时,没有显示任何内容,浏览器视图只显示在页面的中间。下面是一些代码 (顺便说一句,我正在使用jQueryUI的对话框弹出图像上传div:)Jquery plupload browse_按钮不显示浏览对话框,jquery,jquery-ui,plupload,Jquery,Jquery Ui,Plupload,我正在使用plupload队列将图像上载到我们的服务器。我正在将browse_按钮的值设置为超链接的id,因此它会显示一个浏览对话框。但是,当我单击该超链接时,没有显示任何内容,浏览器视图只显示在页面的中间。下面是一些代码 (顺便说一句,我正在使用jQueryUI的对话框弹出图像上传div:) $(文档).ready(函数(){ $(“#容器”).pluploadQueue({ //一般设置 运行时:“gears、flash、silverlight、browserplus、html5”, 浏
$(文档).ready(函数(){
$(“#容器”).pluploadQueue({
//一般设置
运行时:“gears、flash、silverlight、browserplus、html5”,
浏览按钮:“pickfiles”,
url:“/someurl/image upload”,
最大文件大小:“10mb”,
块大小:“1mb”,
唯一的名称:true,
//如果可以,在客户端调整图像大小
调整大小:{宽度:320,高度:240,质量:90},
//指定要浏览的文件
过滤器:[
{标题:“图像文件”,扩展名:“jpg、gif、png、tiff、jpeg”}
],
//闪光设置
flash_swf_url:“/someurl/js/plupload.flash.swf”,
//Silverlight设置
silverlight_xap_url:“/someurl/js/plupload.silverlight.xap”
});
//“设置上载图像”对话框
$(“#对话框窗体”).dialog({
自动打开:错误,
身高:400,
宽度:400,
莫代尔:对
});
});
有谁能告诉我为什么会这样,而不是打开一个“浏览框”?谢谢。plupload队列小部件不会接受您的
浏览按钮
参数,因为它在实例化队列小部件时已经处理了选项集
假设运行时也使用init事件来附加它们需要工作的内容,一旦队列小部件上的browse_按钮被覆盖,它将直接进入带有该参数集的所选运行时,如果您想捕获init事件,那么在发生所有这一切之后,,太晚了
也就是说,除了自己修改队列小部件之外,您没有什么可以做的 plupload队列小部件将不接受您的浏览按钮
参数,因为它在实例化队列小部件时已经处理了选项集
假设运行时也使用init事件来附加它们需要工作的内容,一旦队列小部件上的browse_按钮被覆盖,它将直接进入带有该参数集的所选运行时,如果您想捕获init事件,那么在发生所有这一切之后,,太晚了
也就是说,除了自己修改队列小部件之外,您没有什么可以做的
<div id="dialog-form" title="Upload Images">
<div id="container" style="height: 200px;"></div>
<br style="clear: both" />
<a id="pickfiles" href="#">[Select files]</a>
</div>
<script type="text/javascript">
$(document).ready(function () {
$("#container").pluploadQueue({
// General settings
runtimes: 'gears,flash,silverlight,browserplus,html5',
browse_button: 'pickfiles',
url: '/someurl/image-upload',
max_file_size: '10mb',
chunk_size: '1mb',
unique_names: true,
// Resize images on clientside if we can
resize: { width: 320, height: 240, quality: 90 },
// Specify what files to browse for
filters: [
{ title: "Image files", extensions: "jpg,gif,png,tiff,jpeg" }
],
// Flash settings
flash_swf_url: '/someurl/js/plupload.flash.swf',
// Silverlight settings
silverlight_xap_url: '/someurl/js/plupload.silverlight.xap'
});
//setup upload image dialog box
$("#dialog-form").dialog({
autoOpen: false,
height: 400,
width: 400,
modal: true
});
});