我使用 ngImgCrop 可以在这个JSFiddle中看到。
我试图实现的是,当我显示(使用 ng-if)时,图像选择框会自动打开:
<div ng-if="showImageSelector">
<div>Select an image file: <input type="file" id="fileInput" /></div>
<div class="cropArea">
<img-crop image="myImage" result-image="myCroppedImage"></img-crop>
</div>
</div>
也就是说:我想以编程方式打开图像选择窗口,甚至不向用户显示:
<input type="file" id="fileInput" />
我试过在控制器中放入输入的点击事件的几种变体,但它们都没有奏效,到目前为止我试过:1。
$timeout(function() {
angular.element('#fileInput').triggerHandler('click');
}, 0);
2.
angular.element(document).ready(function () {
angular.element('#fileInput').triggerHandler('click');
});
3.
setTimeout(function(){
angular.element('#fileInput').triggerHandler('click');
}, 1000);
4.
setTimeout(function(){
document.getElementById('fileInput').click();
}, 1000);