如何在上传图像之前显示上传图像的预览

时间:2013-11-24 18:22:10

标签: php html forms file-upload

我创建了一个html表单,它接触文本输入字段以及图像上传的文件输入。我已经创建了submit.php处理上传的图像文件以及用户输入的其他文本输入,这个php文件工作正常。但是,我还为用户添加了一个在html表单页面中预览表单的选项,因此如果他们想在提交表单之前先预览表单,他们会被带到form_preview.php页面,向他们显示预览完成表单以及此预览下方的表单,以便他们可以根据需要进一步编辑。在此预览页面中,我在上传图片之前显示上传图片的预览时遇到问题。

以下是我的代码以及目前为止我尝试过的信息:在form_preview.php页面中,我有以下内容:

<h1>Form Preview:</h1>

<p>Intro: <?php echo $_POST["intro"]; ?> </p>

<p>My Story: <?php echo $_POST["story"]; ?> </p>

<img src="<?php echo $_FILES["file"]["tmp_name"]; ?>" />

以上显示的是图像损坏,而不是显示图像。我认为上传的图像将存储在临时文件夹中,如果我添加$_FILES["file"]["tmp_name"];作为图像源,它可能会显示该图像。由于它没有显示,这是否意味着这不起作用?所以我唯一的另一个选择是首先处理上传并存储在'upload'文件夹中(类似于我在submit.php文件中所做的那样),然后将链接添加到添加到的实际图像中这个上传文件夹?

0 个答案:

没有答案