Question

我正在制作单张图片，应该在选择图片时自动上传。

HTML

var app = angular.module('your-app', ['the-dependent-modules']);

app.controller('loginPageController', function($window) {
   $window.localStorage.setItem('user-name', 'John');
});

app.controller('myProfilePageController', function($window, $log) {
   var username = $window.localStorage.getItem('user-name');
   $log.debug('username : ' + username);
});

JS：

<form method="post" action="{{ bucket }}" enctype="multipart/form-data" id="pic-form">
    <label>
    <img src="placeholder.png" class="photo"/>
    <input type="file" name="file" required id="pic-file" accept="image/"/>
    </label>
    <input type="submit" value="Upload" id="submit-btn"/>
</form>

它可以在桌面上正常工作，在我的手机上它也可以在我从我的库中选择图片时触发，但在我从相机中选择时则不会。

Answer 1

我在accept参数上有一个错误。在我的实际代码中，我有＆＃34; image /; capture = camera＆＃34; HTML规范说它是一个以逗号分隔的列表。我不得不改为＆＃34; image /，capture = camera＆＃34;。最后我最终得到了这个：

<input type="file" name="file" 
    required id="pic-file" accept=".jpg,.jpeg,.png,capture=camera"/>

使用相机时，Firefox for Android输入文件onchange不会触发

1 个答案: