【前端学习日记】使用HTML实现文件的上传和下载
文件的上传和下载分别通过表单元素<input>和超链接标签<a>来实现。文件的上传:将表单元素<input>的属性type设置为“file”,即可实现选择文件的对话框,通过提交按钮,将表单域的数据提交到后台服务器,就可以实现文件的上传。代码如下:效果如下:数据提交到后台服务器;文件的下载:超链接<a>标签的href属性值为文件、压缩包或.exe文件,
·
文件的上传和下载分别通过表单元素<input>和超链接标签<a>来实现。
文件的上传:
将表单元素<input>的属性type设置为“file”,即可实现选择文件的对话框,通过提交按钮,将表单域的数据提交到后台服务器,就可以实现文件的上传。
代码如下:
效果如下:
数据提交到后台服务器;
文件的下载:
超链接<a>标签的href属性值为文件、压缩包或.exe文件,点击超链接时,就会弹出下载框。
代码如下:
效果如下:
以便自查。
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
朋友们,我后面基于Vue实现附件上传或者下载,是借助了第三方库的,如element-Upload组件。
更多推荐
已为社区贡献5条内容
所有评论(0)