PHP上传文件并预览

于 2023-04-06 19:22:45 发布
阅读量610 收藏
点赞数 2
文章标签： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A2106008248/article/details/129996939
版权

达到上传文件并预览效果主要是一下代码：


    <h4>文件信息</h4>
<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    if (isset($_FILES["file"]) && $_FILES["file"]["error"] == 0) {
        $name = $_FILES["file"]["name"];
        $type = $_FILES["file"]["type"];
        $size = $_FILES["file"]["size"];
        $tmp_name = $_FILES["file"]["tmp_name"];
        $preview_url = "preview.php?file=" . urlencode($name);
        $upload_url = "preview.php?file=" . urlencode($name);
        $upload_url = "preview.php?file=" . urlencode($name);
        $uploadFilePath = $_FILES['file']['tmp_name'];
// 打开文件
        $file = fopen($uploadFilePath, 'r');
// 读取文件内容
        $content = fread($file, filesize($uploadFilePath));
// 关闭文件
        fclose($file);

        echo "<p>文件名: $name</p>";
echo "<p>文件类型: $type</p>";
echo "<p>文件大小: $size bytes</p>";
echo "<p><a href=\"$preview_url\">预览：</a></p>";
echo $content;

}
}
?>

效果图 

全部代码：

<!DOCTYPE html>
<html>
<
最低0.47元/天 解锁文章
小白初级程序员
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
PHP各类功能实现（笔记）
Tianyi_liang的博客
04-20 575
------------------------------------------ 2017 ------------------------------------------- PHP file lock 一个完整的防文件冲突的读取过程应该是： $file = 'test.txt'; $fp = fopen($file, 'a'); // 打开文件 if(fl...
前端学习（2489）：初识vue以及引入vue
歌谣的博客
11-02 590
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta ht...
input上传图片后预览图片的功能实现
博客-没有雨的雨天
05-06 1016
使用FileReader类获取图片信息 <body> <form action="" enctype="multipart/form-data"> <input type="file" name="file" id="file"> </form> <img src="" alt=""> </b...
php 点击选择图片上传,快速实现PHP图片上传和预览
weixin_31695145的博客
03-09 484
用户点击选择文件 选好图片后，自动进行一次提交。完成图片的上传。但不修改原引用图片的地址。后续第二次提交是修改result文件中引用图片的地址(PS：为了简便这里使用了result文件)，完成整个上传过程。第一种方法使用iframe来返回图片。自动提交表单时页面不刷新，通过target进入iframe实现图片预览的功能。第二次手动提交通过返回js，修改result中引用图片的名称完成整个上传过程。...
h5上传视频并预览 php,h5本地预览上传的图片或视频
weixin_32540247的博客
04-01 616
通过 中的change事件 拿到的file不能直接在本地预览选择的图片或者视频，可以通过以下两种方式预览本地图片，不用上传到服务器就可以本地预览。createObjectURL这种方式生成的文件地址可以预览图片和视频Titlefunction change() {console.log(111);var uploadUrl = getFileUrl('inputFile');var img =do...
php文件流下载和预览文件
myeye520的博客
01-13 1195
下载文件： //读取文件 $fileSize = file_put_contents($fileDir.$fileName,$remoteFile); if(!$fileSize){ echo 'HTTP/1.1 404 NOT FOUND';exit; //Header('HTTP/1.1 404...
php实现文件上传及头像预览功能
01-21
php文件上传原理是通过form表单的enctype=”multipart/form-data”属性将文件临时放到wamp文件夹中的tmp目录下，再通过后台php程序将文件保存在体统中。 html代码： <form action=shangchuan.php method=post ...
PHP文件上传程序 v1.0
03-26
『⺌幻γ野D风』PHP文件上传1.0 1.此文件上传程序并非完全原创，根据网上的文件上传程序总结修改而来 2.主要功能如下： 支持常见文件类型的上传，若要自己添加新类型请参考MIME内容类型 图片上传前有缩略图预览 图片...
php实现文件预览功能
12-20
上一篇博客是上传功能，本篇是上传后图片预览和更改： 代码如下： 1.yulan.php <!DOCTYPE ...
php实现多文件上传
06-26
php实现多文件上传、可预览。数据库自己创建一个，数据库保存的是图片的完整路径。路径直接用js获取，然后再提交到数据库。
Windows下实现php在线预览功能
05-02
Windows下实现php在线预览功能，可预览文档类型包括office文档，图片，TXT，PDF等等
上传视频并预览
08-26
该资源为php上传视频并且预览的代码，
php 上传文件 读取文件单元格内容（excel/csv）
青崖梦
05-26 640
一、PHPExcel 读取csv文件 和 excel文件(.xlsx) https://github.com/PHPOffice/PHPExcel $filePath = 'example.xlsx'; $inputFileType = \PHPExcel_IOFactory::identify($filePath); $objReader = \PHPExcel_IOFactory::createReader($inputFileType); $objPHPExcel = $objReader-&g
php实现office文档转成pdf预览方法
月光如注
11-24 3959
$filetype = array(".docx",".doc",".xlsx",".xls",".pptx",".ppt",".jpg",".png",".pdf"); $tempFile = IMG_HOST."/".$log["attachment"]; $url = str_replace($filetype,"",$tempFile).".pdf"; header('Location:
PHP 实现word在线预览
热门推荐
qq_19448277的博客
02-08 1万+
第一步：下载jodconverter-2.2.2下载链接：https://pan.baidu.com/s/1o9sGQhG在linux上解压就可以直接使用。第二步：安装Java# yum search java搜索可以安装的java包第三步：Linux下OpenOffice的安装与启动下载链接：https://pan.baidu.com/s/1kWFhCQr# tar zxvf Apache_Op...
php上传读取内容,PHP上传文件信息获取问题
weixin_34357209的博客
03-10 926
最近在学PHP，从最基础的一些基本操作在学起。今天正好学到文件上传，于是自己写了一个文件上传的表单，想要实现上传一张图片的功能，可是今天在PHP脚本当中获取上传文件信息时却遇到了一些问题，查了百度也没解决，麻烦大家帮看一下。环境：win10 + apache2.4+php5.7PHP脚本关键部分代码：(完整代码见最后)HTML页面显示：可以发现，第一点，echo语句输出is_file的值为空，而v...
关于php获取上传文件失败的问题
so
09-03 2581
通过在php文件中打印出$_FILES['userfile']['error'] 错误代码，然后根据错误代码来分析问题。 值：0; 没有错误发生，文件上传成功。 值：1; 上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值。 值：2; 上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值。 值：3; 文件只有部分被上传。 ...
php获取上传文件的真实格式
weixin_40791514的博客
07-05 357
php获取上传文件的真实格式
h5上传视频并预览 php,H5上传前预览视频（结合 video标签 &&h5 fileApi）
最新发布
05-25
首先，需要在 HTML 中添加一个 input 元素，用于选择要上传的视频文件： ```html <input type="file" name="video" id="video-input"/> ``` 然后，在 JavaScript 中，我们可以监听 input 元素的 change 事件，获取用户选择的视频文件，并将其预览在页面上： ```javascript const videoInput = document.getElementById('video-input'); videoInput.addEventListener('change', function() { const videoFile = this.files[0]; const videoURL = URL.createObjectURL(videoFile); const previewContainer = document.getElementById('video-preview-container'); const previewVideo = document.createElement('video'); previewVideo.src = videoURL; previewVideo.controls = true; previewContainer.appendChild(previewVideo); }); ``` 在上面的代码中，我们使用了 URL.createObjectURL() 方法，将视频文件转换为可预览的 URL。然后，创建一个 video 元素，并将预览 URL 赋值给它的 src 属性，同时设置 controls 属性以显示视频控件。最后，将 video 元素添加到页面上的容器中。 完整的 HTML 和 JavaScript 代码示例如下： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Upload Video Preview</title> </head> <body> <input type="file" name="video" id="video-input"/> <div id="video-preview-container"></div> <script> const videoInput = document.getElementById('video-input'); videoInput.addEventListener('change', function() { const videoFile = this.files[0]; const videoURL = URL.createObjectURL(videoFile); const previewContainer = document.getElementById('video-preview-container'); const previewVideo = document.createElement('video'); previewVideo.src = videoURL; previewVideo.controls = true; previewContainer.appendChild(previewVideo); }); </script> </body> </html> ``` 注意，以上代码只是一个简单的示例，实际应用中还需要处理视频文件的上传和保存等操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值