有没有办法从引导对话框使用 blueimp 上传？答案

【问题标题】：Is there a way to upload using blueimp from bootstrap dialog?有没有办法从引导对话框使用 blueimp 上传？
【发布时间】：2016-06-21 20:23:31
【问题描述】：

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

【问题讨论】：

标签： jquery file upload blueimp

【解决方案1】：

如果您此时唯一关心的是在引导对话框中的按钮上创建 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/

【讨论】：