问答1 问答5 问答50 问答500 问答1000
网友互助专业问答平台

html上传文件代码

提问网友 发布时间:2022-04-21 03:22
声明:本网页内容为用户发布,旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:1656858193@qq.com
3个回答
热心网友 回答时间:2022-05-11 07:23

在HTML标准中,XMLHttpRequest对象被重新定义,被称为“XMLHttpRequest Level 2”,其中包含了以下5个新特性:

1、支持上传、下载字节流,比如文件、blob以及表单数据。

2、增加了上传、下载中的进度事件。

3、跨域请求的支持。

4、允许发送匿名请求(即不发送HTTP的Referer部分)。

5、允许设置请求的超时。

    在这篇教程中,我们主要关注第一和第二项特性,尤其是第二项——它能够提供我们想要的上传进度。和之前的方案不同,这个方案并不要求服务器作出特殊的设置,因此大家边看教程就可以边动手试试了。

    上面图示的就是我们能够实现的内容:

    1、显示上传的文件信息,比如文件名、类型、尺寸。

    2、一个能够显示真实进度的进度条。

    3、上传的速度。

    4、剩余时间的估算。

    5、已上传的数据量。

    6、上传结束后服务器返回的响应。

    另外,凭借XMLHttpRequest,我们的上传过程整个都是异步的,因此用户在上传文件的时候,依然可以操作网页当中的其它元素,并不需要专门等待上传的完成。而在上传结束后,我们能够获取服务器发回的响应,因此整个上传过程都显得相当顺理成章。

热心网友 回答时间:2022-05-11 08:41

html前端代码:

<html>  
<body>  
    <form action="upload-file.php" method="post"  
        enctype="multipart/form-data">  
        <label for="file">文件名:</label>  
        <input type="file" name="file" id="file" />  
        <br/>  
        <input type="submit" name="submit" value="提交" />  
    </form>  
</body>  
</html>

如果是ubuntu上部署apache2,你应该是php开发者吧,action="upload-file.php
" 中的upload-file.php改为你自己的后端php接收文件的逻辑代码即可!

这里提供upload-file.php后端接收文件的代码:

<?php  
if ($_FILES["file"]["error"] > 0)  
  {  
  echo "错误: " . $_FILES["file"]["error"] . "<br />";  
  }  
else  
  {  
  echo "文件名: " . $_FILES["file"]["name"] . "<br />";  
  echo "类型: " . $_FILES["file"]["type"] . "<br />";  
  echo "大小: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";   
  }  
 if (file_exists("upload/" . $_FILES["file"]["name"]))  
    {  
      echo $_FILES["file"]["name"] . " 文件已经存在. ";  
    }  
else  
    {  
      move_uploaded_file($_FILES["file"]["tmp_name"],  
      "upload/" . $_FILES["file"]["name"]);  
      echo "文件已经被存储到: " . "upload/" . $_FILES["file"]["name"];  
    }   
?>

代码很简单,我相信你应该能看懂,这里的 文件夹 upload/ 需要你自己手动创建,请确保文件路径正取!


我也是web开发者,有问题可继续追问我!或是加我工作室QQ(540144097),在群里向我提问!有问必答,望采纳......

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

相关推荐
  • HTML中文件上传时使用的&lt;inputtype="file"&gt;元素的样式自定义

    HTML中文件上传时使用的&lt;inputtype="file"&gt;元素的样式自定义

    HTML中文件上传时使用的&lt;inputtype=file&gt;元素的样式自定义:Web页面中,在需要上传文件时基本都会用到&lt;input type=&quot;file&quot;&gt;元素,它的默认样式: chrome下: IE下: 不管是上面哪种,样式都比较简单,和很多网页的风格都不太协调。 根据用户的需求,设计风格,改变其显示样式的场合就比较多了。 如果
    查看详情
  • html中异步上传文件实现示例

    html中异步上传文件实现示例

    html中异步上传文件实现示例:代码如下: &lt;form action=/hehe method=post&gt; &lt;input type=text value=hehe/&gt; &lt;input type=submit value=upload id=upload/&gt; &lt;/form&gt; 代码如下: 这是html中最常见最简单的
    查看详情
  • HTML5中文件上传的代码

    HTML5中文件上传的代码

    HTML5中文件上传的代码:这篇文章给大家分享的内容是关于HTML5中文件上传的代码,有一定的参考价值,有需要的朋友可以从参考一下,希望对你有所帮助。XHR2上传二进制文件html代码:&lt;input type=&quot;file&quot; onchange=&quot;handleUpload()&quot;&
    查看详情
html网页上传文件的完整代码 美国3万亿财团拜访华为,邀请华为上市,为何华为决绝不上市? 华为为何不上市? 华为为何坚持不上市? 华为公司为什么还不上市? 华为那么强,为什么没有上市? 华为为何不上市 华为的选择案例分析华为为什么不走上市之路 华为为什么不上市三大原因 华为会上市吗? 华为技术有限公司为什么没有上市? 实力雄厚的华为,为何他们要坚持不上市呢? 华为这么大的一个公司,为什么不上市发行股票呢? 华为为什么不选择上市? 华为为什么一直不上市? 怎么设置电脑ip地址 怎么设置电脑的ip地址 电脑怎样设置ip地址 电脑上IP地址怎样设置? 七喜笔记本电脑IP地址怎么弄 求html多文件上传代码 可参考以下代码 如何成功上传HTML文件 怎么把写好的html上传服务器代码 大神你好,我在ftp添加了html文件,需要后台数据,但是输出的输出的是源码,这是什么情况? 哪位兄弟会HTML的文件上传的代码? 如何在网上申请免费空间,并将html代码上传? 如何用html制作网页html怎么制作 C#使用HTML文件中的file文件上传,用C#代码接收上传文件 html文件上传,后端代码怎样实现 C#使用HTML文件中的file文件上传 (如何用C#代码接收上传的文件) 想把html上传到域名下面,要怎么操作 求html 用户注册,文件上传代码 HTML语言实现文件上传 大神你好,我在ftp添加了html文件,需要后台数据,但是输出的输出的是源码,这是什么情况? springmvc怎么实现多文件上传 怎么上传html文件 用html如何 上传视频?代码怎么写 体育用品中垫腰用的球叫什么 瑜伽健身球是什么呢? 做什么运动有利于腰部锻炼?
Top