php - 使用Javascript/jquery将URL从单独的目录填充到div中

我的目标是让用户将照片上传到名为“ userupload”的根目录中。该文件夹将全部包含.jpg图像。

现在，我想将所有从“ userupload”目录到另一个.php页面的图像路径调用为一个名为“ content”的div，如下所示：<p><img class=resizeme src="userupload/uploadimage1.jpg"></p>

我找到了这个脚本，我只能返回图像文件名..很好，但是我不知道如何编辑代码以将其放置在正确的路径中。

“这将列出您在url下定义的文件夹中的所有jpg文件，并将它们作为段落添加到div。也可以使用ul li完成。”

$.ajax({
  url: "useupload",
  success: function(data){
     $(data).find("a:contains(.jpg)").each(function(){
        // will loop through
        var images = $(this).attr("href");

        $('<p></p>').html(images).appendTo('#content')

     });
  }
});

最佳答案

您发布的代码似乎依赖于配置了Web服务器以返回userupload文件夹的目录索引列表（因此可能无法在其他Web服务器上工作–在服务器端执行此操作的正确方法是Joseph Silber建议的） ）。该清单包含指向相对URL的链接。

考虑到您已经在工作，并且所有图像都在userupload下，只需在.each循环内进行简单更改即可：

var images = 'userupload/' + this.href;
$('<p><img class="resizeme" src="' + images + '"></p>').appendTo('#content');

考虑到您得到src="userupload/mysite.com/uploadimage1.jpg"的评论：

var images = 'userupload/' + this.href.split('/')[1];
$('<p><img class="resizeme" src="' + images + '"></p>').appendTo('#content');

关于php - 使用Javascript/jquery将URL从单独的目录填充到div中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13150762/