从用户计算机插入图像

时间:2014-10-26 13:12:55

标签: javascript html image insert

您好我想知道如何将图像从用户的计算机插入我的网页。 例如很多网站都有“插入图片”按钮来选择你的个人资料图片。 Coluld你请给我一些关于如何做的代码... :)提前谢谢!

2 个答案:

答案 0 :(得分:1)

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

如果你对Javascript好的话 我建议使用这个JS工具Dropzone.js

实施很简单

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

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

将其添加到正文部分

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

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

<input type="file" name="file" />

要了解有关它的更多信息,请参阅主网站。

http://www.dropzonejs.com/

答案 1 :(得分:0)

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

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

然后,您可以为图像和用户分配ID,并在用户登录时为其匹配。

威尔