Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从用户计算机插入图像_Javascript_Html_Image_Insert - Fatal编程技术网

Javascript 从用户计算机插入图像

Javascript 从用户计算机插入图像,javascript,html,image,insert,Javascript,Html,Image,Insert,你好,我想知道如何插入图像从用户的计算机到我的网页。 例如,许多网站都有“插入图像”按钮来选择您的个人资料图片。 你能给我一些如何做的代码吗…:)提前谢谢 这是一种从用户计算机获取文件的方法 <form action="profile_pic.asp"> <input type="file" name="pic" accept="image/*"> <input type="submit"> </form> 然后,您可以为图像和用户分

你好,我想知道如何插入图像从用户的计算机到我的网页。 例如,许多网站都有“插入图像”按钮来选择您的个人资料图片。
你能给我一些如何做的代码吗…:)提前谢谢

这是一种从用户计算机获取文件的方法

<form action="profile_pic.asp">
  <input type="file" name="pic" accept="image/*">
  <input type="submit">
</form>

然后,您可以为图像和用户分配一个ID,并在用户登录时进行匹配


这取决于你想使用哪种技术吗

如果你对Javascript还满意的话 我建议使用这个JS工具

实现很简单

将此代码段添加到HTML代码的开头部分

<script src="./path/to/dropzone.js"></script>

将其添加到body部分

<form action="/file-upload"
  class="dropzone"
  id="my-awesome-dropzone"></form>

添加以下代码,以便在提交后管理文件

要了解更多信息,请访问主网站