uploadButton は、画像をアップロードしてローカルに保存します。fileinput を使用して画像を選択し、uploadbutton で画像データをサーバーに送信します。
クロムでは正常に動作しますが、データをサーバーに送信した後、10 ではアップロードボタンのクリックイベントがトリガーされません。最初にページのボタン要素の外側をクリックする必要があり、次にボタンをクリックできます。これは私のコードです:
<div id="fileInput">
<span class="btn-custom btn-success-custom fileinput-button"><span><a>select file</a></span>
<input type="file" id="fileupload" name="fileupload" accept="image/*" />
</span>
</div>
<div id="uploadButtonDiv" style="display: none;">
<button id='uploadButton' class="btn btn-primary">Deel deze afbeelding</button>
</div>
これは私のスクリプトコードです:
angular.module('upload', []).controller("UploadController", function UploadController($scope, $http) {
$scope.$on('$viewContentLoaded', function(){
$("#uploadButton").on('click', function () {
alert('Upload image');
});
}
同様の質問を見たことがありますが、私の質問に対する正しい答えが見つかりませんでした。