形式图片上传后要显示的图像

所以我有这样的代码我设法找到它很适合我。但我想在提交时添加一个缩略图显示。任何人都可以帮我弄清楚代码以及它如何适合显示缩略图吗？请并且感谢所有人。

这里是jsfiddle它。

HTML：

<form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post" enctype="multipart/form-data"> 

File: <input type="file" name="file" style="width: 250px;"><br> 
<input type="submit" name="submit" value="Upload File"> 
</form>

来源

2014-01-25 WebEducate

只是使和标记与属性src =“$ link”其中$链接是图像的链接... – 131

哇那么容易。但有没有办法style =“”这个缩略图，所以它适当缩小，即链接高度和重量，所以它不会扭曲？请记住，上传的图片最大可达20 MB，非常大，因此输入像50％的高度不适合我，哈哈。 – WebEducate

只需将高度设置为所需的高度并将宽度留空;宽度将自动缩放。设置宽度并将高度留空时也是如此。你可以在px中设置高度和宽度，不需要以％为单位，只要你保留其他属性为空 – 131

只是要与属性src="$link"<img>标签，其中$link是链接到的图像。

来源

2014-01-25 04:05:24 131

src =“/ images/<？php echo $ file_name;？>”这工作得很好，谢谢ahmad – WebEducate

哦，是啊，我总是使用PHP来输出HTML，所以我不必一直输入该死的php标签。：D这就是为什么我没有在答案中的标签：P – 131

实际上是一个更微不足道的问题，默认情况下出现的破碎图像图标，以任何方式摆脱它？ – WebEducate

形式图片上传后要显示的图像

回答

相关问题