如何使用jquery更改文件的扩展名

Question

我有几个.pdf扩展名的链接列表，我希望当用户点击该链接时，链接的全部文本都存储在变量中。
从可变我想repalce .PDF到JPG
我试图

$(".links").click(function() { 

    var clickedId= $(this).text(); 
    document.getElementById("thumb_url").value = "educroc.com/thumbs/"+clickedId+'.jpg'; 

如： 我有列表
<a href="#"> 1.pdf</a>

当它用户点击clickedId=1.pdf
我的结果是： 1.pdf.jpg
需要的结果是：1.jpg

Answer 1

尝试：

$(".links").click(function() { 

    var clickedId= $(this).text(); 
    clickedId.replace(/\.[^/.]+$/, ""); // it will remove any extension from name 
    document.getElementById("thumb_url").value = "educroc.com/thumbs/"+clickedId+'.jpg'; 

}); 

Answer 2

你不想改变文件的扩展名，您希望将字符串从“.PDF”，以“.JPG”的链接改变。

您可以使用jQuery让你的文件的名称和替换它，就像这样：

$(".links").click(function() { 
    var clickedId= $(this).text(); 
    var url = $('#thumb_url').html(); // bla/bla/bla.pdf 
    var split = url.split('.'); 
    split[split.length - 1] = 'jpg'; // Last position of split is the extension 
    var newUrl = split.join('.'); 
    $('#thumb_url').html(newUrl); 

```

虽然你可能想改变href属性相当的内容;）