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

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

概述我想实现一个上传图片功能. 上传后,我想获取文件本地路径,以便我可以创建一个缩略图.但是我怎样才能获得文件路径?有没有其他方法来创建缩略图? 我尝试过jQuery-File-Upload插件. 我认为chrome支持这个,但不确定是否由于安全原因将其删除.无论如何你可以尝试使用javascrip来设置一些div的自定义宽度和高度并使用上传文件的readAsDataURL <script type= 我想实现一个上传图片功能.

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

我尝试过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" />
总结

以上是内存溢出为你收集整理的我可以使用任何HTML或JavaScript API来获取input [type = file]中的文件路径吗?全部内容,希望文章能够帮你解决我可以使用任何HTML或JavaScript API来获取input [type = file]中的文件路径吗?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1104738.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存