Question

晚上好。

我正在寻找一些我在周围找到的代码中的帮助，但我不能像我想的那样得到它：

这段代码，基本上，让你在输入图像的URL中插入（假设为“http://i.blogs.es/e79516/nuevo-logo-google/650_1200.jpg”），一旦你离开输入，脚本会自动在下面的图像中显示它。

问题是，我想只输入存档的名称，而不是整个网址，但我不知道如何或在哪里输入所有的URL路由而只留下要改变的动态部分，因为我从Js开始。

所以，想象我想只显示已经创建并在“// localhost / ROL / images / Avatars / Characters / ”存档名称“ .png”中使用的图像，哪些更改应该我只输入文件名，甚至没有扩展名？

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery-ui.css">
</head>
<body>
<tr>
        <td valign="top">
            Profile Picture:<br>
            <span class="small3">(will be reduced to 50x50)</span>
        </td>
        <td>
            <input size="100" id="newProfilePicture" name="profpic" value="/%profpic%/"> 
            <br>
            <img id="profilePicture" src="/%profimg%/">
        </td>
    </tr>
</body>
<script>
$('#newProfilePicture').blur(function() {
        var newSrc = $('#newProfilePicture').val();
        $('#profilePicture').attr('src',newSrc);
    });
</script>
</html>

感谢您的关注

Answer 1

.blur(function(){
    $('#profilePicture').prop('src',"i.blogs.es/e79516/nuevo-logo-google/"+$('#newProfilePicture').val()+".png");
});

可以但不必将值保存到变量。您也可能想使用prop（）而不是attr。（对不起，我错过了你的OP问题，要求解决“.png”）

使用JQuery Attributes和HTML输入

1 个答案: