Question

我正在尝试将个人资料图片上传功能添加到我的移动应用中，但我无法确定如何操作。有人能提供解决方案吗？

非常感谢

这就是我现在所拥有的。

<form id="profilepic_form">
<fieldset id="profilepic_controls">

 <div style="width: 120px; height: 100px; position: relative; background-color: #fbfbfb;   border: 1px solid #b8b8b8; "data-controltype="image">
  <img src="https://codiqa.com/static/images/v2/image.png" alt="image" style="position:     absolute; top: 50%; left: 50%; margin-left: -16px; margin-top: -18px">

   <div style= "top:50px;"data-role="fieldcontain" data-controltype="camerainput">
    <input type="file" name="" id="camerainput1" accept="image/*" capture="camera">
   </div>

 </div>
</fieldset>
</form>

Answer 1

问题在于：

 <input type="file" name="" id="camerainput1" accept="image/*" capture="camera">

您正在使用capture="camera"并且设备不会向您显示上传对话框，它会打开相机。

删除capture值：

 <input type="file" name="" id="camerainput1" accept="image/*" capture>

但有些Android版本也会打开相机而非上传对话框，因此现代移动跨浏览器（Chrome，Firefox，Mobile Safari，Safari）解决方案也会被删除accept：

<input type="file" name="" id="camerainput1" capture>

现在，您有一个对话框，可以从gallery，files，任意host app（保管箱）和camera

进行上传

创建个人资料图片上传功能

1 个答案: