5
HTML:angularjs, DropZone.Js, MVC4 - Drag Drop i podgląd wstępnie załadowany plik (ów)
<script src="~/Scripts/jquery-1.9.1.js"></script>
<script src="~/Scripts/DropZone-2.0.1.js"></script>
<script src="~/Scripts/angular.js"></script>
<script src="~/App_Angular/app.js"></script>
<div ng-app ="myApp" ng-controller ="ProductsCtrl">
<input ng-model="product.Name"/>
<input ng-model="product.PhotoName" id="result" />
<form id="dropzone" class="fade well">Drop files here</form>
<input type="button" value="Upload Files" ng-click="save(product)" />
Javascript:
$("#dropzone").dropzone({
url: 'Home/UploadFiles',
paramName: "files", // The name that will be used to transfer the file
maxFilesize: 102, // MB
enqueueForUpload: false,
accept: function (file, done) {
angular.element(document.getElementById('result')).scope()
.$apply(function (scope) {
scope.product.PhotoName = $('#result').val();
});
return done();
}
});
function uploadClicked() {
var dz = Dropzone.forElement("#dropzone");
for (var i = 0; i < dz.files.length; i++) {
dz.filesQueue.push(dz.files[i]);
}
dz.processQueue(dz);
$('#innerQue').empty();
}
udało mi przepustkę do successly nazwa zdjęcia do $ scope.product.PhotoName po wywołaniu metody zapisu w ng-click.
I NIE MOGŁY były w stanie przesłać obraz. Nie wiem, jak nazwać "uploadClicked" z kątowego.
Każda pomoc zostanie doceniona.
nie jest 'uploadClicked' globalnym w JavaScript, tak nie możesz kontrolować r po prostu wywołaj to ?: '$ scope.save = function (product) {...; uploadClicked(); } ' –
Mark: Poważnie człowieku, czy jesteś taki mądry, czy jestem po prostu taki głupi? :) – Bye