Question

我正在一个提供信息编辑功能的网站上工作。这意味着用户可以上传图片，这些图片将被上传到我们的服务器，该图片的路径将存储到数据库中。 我们的服务器基于Tomcat 。现在的问题是，我希望用户能够在每次登录我们的网站时看到他们上传的图片。但是，当我试图获取存储的照片时，发生了一些事情。首先，我使用ajax将上传的图像发送到服务器，服务器将发回路径：

$.ajax({
            url: domain_name+ '/IotCloud-background-manager/rest/util/fileUpload',
            type: 'POST',
            async: true,
            cache: false,
            data: formData,
            processData: false,
            contentType: false,
            success: function(result){
                imgPath = result.data;
            }

此处变量 imgPath 是我定义的 var 。然后imgPath将存储到数据库中，一旦加载了这个页面，ajax将把路径输出并写入img标签的src属性。

$.ajax({
        url: domain_name+"/IotCloud-background-manager/rest/equipment/getAuitById",
        type: "POST",
        async: false,
        data: { productId: productID },
        success: function(result) {
            if(result.data.imgPath != null) {
                str = result.data.imgPath;
                image = str.slice(str.lastIndexOf("/")+1);
            }
        }
    })
        if(image != '') {
        $('#preview').css("display","block");
        $('#preview').attr("src", "../../iot_product_img/" + image);

但结果是我无法实现pic。浏览器说没有找到图像。由于图像存储在服务器的根目录之外，我猜两个目录之间的通信出错了。是否有任何方法可以允许从服务器根目录之外获取文件？非常感谢。

如何通过ajax访问根目录外的文件？

0 个答案: