jQuery 图像选择器

jQuery image picker(jQuery 图像选择器)
本文介绍了jQuery 图像选择器的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我正在寻找一个 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") );
});

这篇关于jQuery 图像选择器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示: 产生原因: JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href
问题描述: 在javascript中引用js代码,然后导致反斜杠丢失,发现字符串中的所有\信息丢失。比如在js中引用input type=text onkeyup=value=value.replace(/[^\d]/g,) ,结果导致正则表达式中的\丢失。 问题原因: 该字符串含有\,javascript对字符串进行了转
Rails/Javascript: How to inject rails variables into (very) simple javascript(Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript)
CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)
Ordinals in words javascript(javascript中的序数)