在上传前，是否有可能显示一个位于临时文件夹中的图片？

10 浏览
0 Comments

在上传前，是否有可能显示一个位于临时文件夹中的图片？

为了确保用户上传的图片是他们想要上传的，我想在用户上传之前向用户展示一张图片。

我尝试使用$_FILES['name']['tmp_name']将其放入一个img标签中，但是没有任何反应。


    
添加图片
            
    
               
        
        上传图片

0

3 答案

0 Comments

问题出现的原因：在上传图片之前，是否可以在tmp文件夹中显示图片。

解决方法：将图片数据转换为base64格式，并在当前视图中输出，这样就不需要将当前tmp文件夹中的图片复制到公共位置。

示例代码：

$imageData = file_get_contents($_FILES['image']['tmp_name']); // 图片路径，如 /var/tmp/...
// 在视图中显示
echo sprintf('', base64_encode($imageData));

以上代码将图片数据转换为base64格式，并在当前视图中以base64格式的图片显示出来。这样就不需要将tmp文件夹中的图片复制到公共位置了。

0
0 Comments

问题原因：在上传图片时，图片会被先保存在服务器的临时文件夹中，而如果需要在上传之前预览该图片，则需要通过读取临时文件夹中的图片，并使用正确的头文件输出。

解决方法：创建一个脚本来读取临时文件夹中的图片，并使用正确的头文件输出。下面是一个示例代码：

header('Content-Type: image/x-png');
readfile($_FILES['name']['tmp_name']);
exit();

上述代码中，首先设置了正确的图片头文件类型，然后使用readfile函数读取临时文件夹中的图片，并通过exit函数终止脚本的执行。

通过以上方法，就可以在上传图片之前预览临时文件夹中的图片了。

0
0 Comments

在上传文件到服务器之前，需要确保文件能够在上传前被显示出来。否则，文件会被自动删除。但是不要担心，可以使用JavaScript或jQuery来实现在上传之前显示文件的功能。

以下是一个示例代码：

以上代码中，通过添加一个文件选择框和一个图片元素来实现文件预览的功能。当用户选择一个文件后，`onchange`事件会触发`previewImage()`函数。该函数会获取文件的URL并将其赋值给图片元素的`src`属性，从而将文件显示在页面上。

这样，用户在选择文件之后，就可以在上传之前预览文件，确保选择的文件是正确的。解决了在上传前显示临时文件的问题。

0