Question

我是通过角度fullstack中的ng-file-upload（https://github.com/danialfarid/ng-file-upload）上传图像文件。以下是我正在做的代码。 HTML：

<input type="file" ng-model="file" name="file" ngf-select ngf-accept="'image/*'" ngf-pattern="'image/*'" ngf-max-size="20MB"/>
  Image thumbnail: <img ngf-src="file || '././assets/images/download.jpg'" style="width: 400px" class="thumbnail"><br>
<b>By clicking 'Submit' you agree to our Terms of Use & Posting Rules</b>
<button  ng-click="submit(file)" class="form-control;btn btn-success" style="width: 90px;display: inline">Submit</button>

JS：

$scope.submit = function(file) {
      if (file) {
        $scope.upload(file);
      }
    };
    // upload on file select or drop
    $scope.upload = function (file) {
      console.log("itnis getting hit");
        Upload.upload({
            url: '',
            data: {file: file, 'username': $scope.username}
        }).then(function (resp) {
            console.log("executed");
            console.log('Success ' + resp.config.data.file.name + 'uploaded. Response: ' + resp.data);
        }, function (resp) {
            console.log('Error status: ' + resp.status);
        }, function (evt) {
            var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
            console.log('progress: ' + progressPercentage + '% ' + evt.config.data.file.name);
          });
        };

现在我无法提供URL。当我写＆＃39; /＆＃39;时，它会给出404错误。在网址中。我不知道我的代码是否有错误。我的项目的目录结构在这里： https://docs.google.com/a/innosols.co.in/document/d/1kyTtssJk8JwusYRSVW6bAaGe6Cj27H0FA0KA2bHQTQs/edit?usp=sharing

由于这是我第一次做这样的事情，我完全感到沮丧，因为它不起作用。互联网上有很多例子，提供完全相同的代码 - 但这个代码对我来说仍然无效。

我会对所有建议感到高兴，帮助我解决这个问题。

角度文件上传中的网址错误

0 个答案: