0

我正在使用 ngImgCrop 裁剪我选择的图像.....为了选择图像，我正在使用输入类型文件并使用在该输入上应用 on-change 事件

angular.element(document.querySelector('#fileInput'))

这很好用，并且在我的 plunker 中给出了预期的输出......现在我正试图在我的项目中实现它......不幸的是它不起作用......意味着我可以选择文件，但 onchange 方法不是触发

这是我的笨蛋，正在等待一些帮助

请不要向我建议我希望它应该只在控制器内的指令

更新 选择和显示 html 的图像被放置在如下所示的计量对话框中......

<md-dialog aria-label="User Settings" flex flex-gt-sm="70" flex-gt-md="60"
        class="userSettingsModal">

    <md-dialog-content>
        <md-tabs md-dynamic-height md-border-bottom md-selected="userVm.selectedTab">
            //my first tab
             //second
            //third tab

             <!-- Profile Image -->
             <md-tab label="Profile Image">
                <md-content class="image-upload">
                    <div class="md-icon-float md-block">
                        <div class="sub-header">Upload User Image</div>
                        <input type="file" id="fileInput" accept="image/*" />
                        <div class="crop-area">
                            <img-crop area-type="square" image="myImage" result-image="myCroppedImage"></img-crop>
                        </div>
                        <div ng-show="myImage">
                            <div id="crop-header">Cropped Image:</div>
                            <div><img ng-src="{{myCroppedImage}}"/></div>
                        </div>
                        <md-button class="md-raised" ng-click="myfunction(myCroppedImage)">Upload</md-button>

                    </div>

             </md-tab>
         </md-tabs>
    </md-dialog-content>
</md-dialog>
4

0 回答 0