jQuery 图像选择器

2022-01-11 00:00:00 jquery jquery-plugins javascript

我正在寻找一个 jQuery 图像选择器插件，它允许我执行以下操作:

I'm looking for a jQuery image picker plugin that allows me to do the following:

  1. 显示一组图像并让用户通过单击选择一个(并且仅一个)
  2. 如果用户不喜欢任何指定的图片，他应该可以上传自己的

只需 #1 就足够了，因为如果需要我可以添加 #2 的代码

Just #1 would suffice, as I can add the code for #2 if necessary

我知道这并不难，但如果有一个标准插件可供人们使用，我宁愿使用它也不愿重新发明轮子.

It's not that difficult to do I know, but if there is a standard plugin that people use for this, I'd rather use that than reinvent the wheel.

推荐答案

像这样?我不知道是否有插件，但似乎很简单

Something like this? i dont know if there is plugin but is seems really simple

// HTML
<div id="image_container">
    <img src="blabla" />
    <img src="blabla" />
    ...
</div>
<form ...>
    <input id="image_from_list" name="image_from_list" type="hidden" value="" />
    <input id="image_from_file" name="image_from_file" type="file" />
</form>
// JS
$('div#image_container img').click(function(){
    // set the img-source as value of image_from_list
    $('input#image_from_list').val( $(this).attr("src") );
});

相关文章