Question

我想显示在home.html中上传的图像到另一个名为result.html的页面。

<div class="custom-file">
                <input type="file" class="custom-file-input" name="myfile" onchange="readURL(this);">
                <label class="custom-file-label" for="customFile" name="myfile">Choose file</label>
        </div>
        <div style="text-align: center;">
        <input type="submit" class="mybtn" onclick="showInput();">
        </div>

我想在result.html页面中显示名称为“ myfile”的上传图像。我该怎么办？

Answer 1

我个人将使用php上传页面上传图像，并在要显示图像的页面上放置一个php数组，用于存储所有已上传的图像，并使用.jpg等作为foreach文件。在html

中

Answer 2

许多可能性。取决于您的应用范围和要求。

选项1-使用数据库

从第一页将上传的图片存储到数据库中。数据库可以是任何东西-MySql，MSSQL等。第二页从数据库读取图片内容。

选项2-使用内存缓存

您只需将图片存储在分布式内存缓存中，例如 memcached 或 redis 。

选项3-使用文件系统

对于非常琐碎的应用程序（单个Web服务器），请使用本地文件系统作为数据存储。 我不建议这样做。

希望这会有所帮助。

Answer 3

如果您想在不使用任何后端语言或服务器端的情况下执行此操作，可以的！

使用JavaScript或jQuery有一个棘手的方法：

创建一个函数，将上传的图像保存到您的项目文件夹中，并将上传的图像install_name_tool -change /usr/local/lib/libprotobuf.20.dylib libprotobuf.20.dylib libprotoc.20.dylib保存在JS变量中。
创建src函数，以从预定义变量获取图像onclick。
此功能还将重定向到图像为src的{{1}}图像（如src的result.html页面。
在另一页上，创建一个函数以读取此parameter并在\result.html?img=SRC-FROM-FUNCTION中向parameter附加img。

但是，我建议使用PHP或C＃等后端语言来完成此操作，因为您使用的是简单的静态页面，所以是此解决方案。

Answer 4

def handle_middle_name(name):
    if len(name.split()) == 3:

        first, middle, last = name.split()[0], name.split()[1], name.split()[-1]
        formatted_name = f"{last}, {first} {middle[0] + '.' if len(middle) > 1 else middle[0]}"

        return formatted_name

    else:
        return "Your name doesn't have a middle name"

name = input("Enter your full name (including middle name): ")
print(handle_middle_name(name))

Answer 5

通常这是在服务器端完成的，但是您可以将文件上传到本地存储，然后在下一页上引用它。不过，这不一定在所有浏览器中都适用。

在另一个HTML页面中显示上传的图片

5 个答案: