Heim > Web-Frontend > js-Tutorial > Angular NG-File-Upload-Quellcode

Angular NG-File-Upload-Quellcode

巴扎黑
Freigeben: 2017-06-26 15:16:12
Original
1422 Leute haben es durchsucht

Portal:

<script src="angular(.min).js"></script>
<script src="ng-file-upload-shim(.min).js"></script> <!-- for no html5 browsers support -->
<script src="ng-file-upload(.min).js"></script>
Nach dem Login kopieren
//注入 ngFileUpload (注意:如果你用ui-load对于每个html加载文件 ,要把ng-file-upload文件放到首页去加载,不能写在ui-load里面,以免注入的时候找不到文件)var app = angular.module('fileUpload', ['ngFileUpload']);
Nach dem Login kopieren
//Upload
Nach dem Login kopieren
, [, uploadFiles
Nach dem Login kopieren
$scope.uploadFiles = function(file, errFiles) {

    var  url = '/product/pictures/updataPicture.do'; //接口名

    $scope.f = file;
    $scope.errFile = errFiles && errFiles[0];
    if (file) {
        file.upload = Upload.upload({
            url: url,
            data: {uploadFileName: file, 'prodId': $scope.prodId, 'prictureGroup': $scope.prictureGroup ,'sortOrder' : $scope.sortOrder}//参数对应
        });

        file.upload.then(function (res) {
            // 上传成功时操作
        }, function (response) {
            // if (response.status > 0)
            //     $scope.errorMsg = response.status + ': ' + response.data;
        }, function (evt) {
            // file.progress = Math.min(100, parseInt(100.0 * evt.loaded / evt.total));
        });
    }
};
Nach dem Login kopieren
<span style="color: #000000"><br></span><span style="color: #000000"> }]);</span>
Nach dem Login kopieren

html

<button type="file" ngf-select="uploadFiles($file, $invalidFiles)" accept="image/*" ngf-max-height="1000" ngf-max-size="1MB"></button>
<img src="{{上传成功后接口返回图片url}}" alt="">
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAngular NG-File-Upload-Quellcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage