有没有办法从bootstrap对话框使用blueimp上传?

时间:2016-03-08 02:56:16

标签: jquery file upload blueimp

我正在使用blueimp jQuery文件上传以及引导对话框(https://nakupanda.github.io/bootstrap3-dialog/),有没有办法使用blueimp从引导对话框按钮(BootstrapDialog.show)上传?似乎无法找到在引导程序对话框按钮上创建jQuery选择器并将其挂钩到文件上载的方法。

1 个答案:

答案 0 :(得分:0)

如果您目前唯一关心的是在引导程序对话框中的按钮上创建jQuery选择器,请尝试以下操作:



BootstrapDialog.show({
	title: 'Example',
    message: 'Write your example here.',
    buttons: [{
    	id: 'btn-close',
   		label: 'Close',
        action: function(dialog) {
        	dialog.close();
        }
    }],
    onshown: function(dialog) {
      // This is a jQuery object
    	var $btnClose = dialog.getButton('btn-close');
      $btnClose.hide();
    }
});




在这个例子中,您可以通过对话框实例的getButton()方法按id获取按钮,返回的对象是用jQuery包装的按钮。

这里有一个jsfiddle http://jsfiddle.net/ubx2mbmz/1/

你也可以用传统的jQuery方式做类似的事情:



BootstrapDialog.show({
	title: 'Example',
    message: 'Write your example here.',
    buttons: [{
   		label: 'Close',
        action: function(dialog) {
        	dialog.close();
        }
    }],
    onshown: function(dialog) {
    	var $btnClose = dialog.getModalFooter().find('button');
      $btnClose.hide();
    }




另一个jsfiddle http://jsfiddle.net/7ftsc50n/1/