在选择IMG SRC并在文本字段中显示时出现问题
having a issue getting selected img src and displaying in text field
任何人都可以帮助我解决javascript和选择时遇到的问题吗?,首先我要做的是当我从图像列表中选择图像时,我想获取图像src并将其存储到我可以使用的var中,否则现在当我选择图像时遇到的问题,我得到以下src肖像/00000/00008.jpg现在我需要删除来自 SRC 的肖像和/和.jpg,所以我只是获取了文件夹 ID 和图像 ID 并将它们实时添加到字段文本框中,而无需刷新页面。
<script type="text/javascript">
$(document).ready(function() {
$('.portrait').click(function(){
var idimg = $(this).attr('id');
var srcimg = $(this).attr('src');
alert(srcimg); // shows debug
});
});
</script>
<input name="sel-avatar" type="textfield" id="avatar" value="IMAGEID" />
<input name="sel-avatardir" type="textfield" id="avatardir" value="FOLDERID"
图像显示是
<img id='"portrait'" class='"portrait'" src='"{$files[$pos]}'" width='"88'" height='"88'" border='"1'" />
谁能帮忙?
可能是你要找的?
<script type="text/javascript">
$(document).ready(function() {
$('.portrait').click(function(){
var idimg = $(this).attr('id');
var srcimg = $(this).attr('src');
var splitSrc = srcimg.split("/");
var folder = splitSrc[1];
var splitFile = splitSrc[2].split(".");
var fileId = splitFile[0];
document.getElementById("avatar").value=fileId;
document.getElementById("avatardir").value=folder;
});
});
</script>
如果您确定会获得相同的格式,即文件夹ID,然后是图像ID,图像名称,则可以使用split函数来获取javascript数组并从数组中获取详细信息。
<script type="text/javascript">
"portraits/00000/00008.jpg".split(/['/]+/)
</script>
阵列 [ "肖像", "00000", "00008.jpg" ]
试试这个:
var ary = srcimg.split(/'/|'./g);
var folder = ary[1];
var file = ary[2];
这里的假设是,您将有一个文件夹,并且文件夹或文件名中没有任何句点,除了在文件扩展名之前。如果有多个文件夹,我们必须稍微更改分配,但 split 语句是相同的。
相关文章:
- angular js密码强度显示问题
- 俄罗斯木偶与Firefox和Webkit的显示问题:与IE配合良好
- jQuery隐藏/显示问题
- Javascript初学者:setTimeout隐藏/显示问题
- 显示块 使用 jQuery 时无显示问题
- J查询结果显示问题
- 谷歌可视化显示问题
- 谷歌地图显示问题
- 使用flot的图形显示问题
- 客户端验证显示问题
- Twitter 引导工具提示弹出框显示问题
- jQuery的数据显示问题
- AngularJS-ui网格-数据显示问题
- Angular JS XML数据显示问题
- Adsense广告显示问题
- 表单显示问题+数组下的结果
- IE 11显示问题
- 数据绑定到文本区域和ng显示问题
- 主干编辑视图,销毁和重新显示问题
- Javascript根据用户输入值隐藏/显示问题