分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

input[type='file']获取上传文件路径案例

发布时间:2023-09-06 01:59责任编辑:顾先生关键词:暂无标签

最近在项目时,需要获取用户的上传文件的路径,便写了一个demo:

<body> ?<input type="file" name="" value=""> ?<script> ???var input = document.getElementsByTagName("input")[0]; ???console.log(input); ???input.onchange = function () { ?????var that = this; ?????console.log(that.files[0]); ?????var src = window.URL.createObjectURL(that.files[0]) ?????console.log(src); ?????var img = document.createElement("img"); ?????img.style.width = "200px"; ?????img.src = src; ?????document.body.appendChild(img); ???} ?</script>

效果及结果如下:

input[type='file']获取上传文件路径案例

原文地址:https://www.cnblogs.com/xiaoyaoxingchen/p/9161591.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved