Struts2 Bootstrap图像选择

Question

我正在寻找如下所示的图像选择：

https://rvera.github.io/image-picker/

但我不能使用Struts2和Bootstrap，因为图像不会显示。

我做了什么：

• 包括git中的.js和.css

• 像这样将.js和.css导入我的jsp

  <link href="style/image-picker/image-picker.css" rel="stylesheet"> <script src="style/image-picker/image-picker.js"></script>

• 将示例复制到我的jsp中

  <select class="image-picker show-html"> <option data-img-src="images/process/xxx.jpg" value="xxx.jpg"> xxx </option> <option data-img-src="images/process/yyy.jpg" value="yyy.jpg"> yyy </option> <option data-img-src="images/process/800_300.png" value="800_300.png"> Default </option> <option data-img-src='http://www.example.com/image.jpg' value='42'> </select>

您是否有更好的解决方案来选择图像或了解如何使图像选择器工作？

Answer 1

我知道这是一个老问题，但是您解决了吗？

您应该只调用imagepicker的构造函数，然后在select上使用。

$('.image-picker').imagepicker();