我可以使用任何HTML或JavaScript API来获取input [type = file]中的文件路径吗?

前端之家收集整理的这篇文章主要介绍了我可以使用任何HTML或JavaScript API来获取input [type = file]中的文件路径吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想实现一个上传图片功能.

上传后,我想获取文件本地路径,以便我可以创建一个缩略图.但是我怎样才能获得文件路径?有没有其他方法来创建缩略图

我尝试过jQuery-File-Upload插件.

解决方法

我认为chrome支持这个,但不确定是否由于安全原因将其删除.无论如何你可以尝试使用javascrip来设置一些div的自定义宽度和高度并使用上传文件的readAsDataURL
<script type="text/javascript">     

function uploadFile(input) {         

if (input.files && input.files[0]) {            

 var reader = new FileReader();              
 reader.onload = function (e) {                 
 $('#test').attr('src',e.target.result).width(100).height(100);             
 };               
 reader.readAsDataURL(input.files[0]);        
 }     
} 

</script> 

<input type='file' onchange="uploadFile(this);" />     <img id="test" src="#" alt="my image" />
原文链接:https://www.f2er.com/html/231704.html

猜你在找的HTML相关文章