ng-file-upload

问题 I am successfully using webcam.js with an angular app to allow users to capture a picture of themselves. However I'm having a problem where some users are uploading blank - all white or all black photos. I suspect that some cameras start up more slowly than others which is allowing users to take pictures of themselves that are blank before the camera is really working. I would like to be able to detect when the camera is actually on and streaming so I could wait until then to make the Take

问题 I am using ng-file-upload to select multiple files.But my requirement is that i want to attach those selected files as a file list into my Js object and send this object to server through REST.So far my data inserting part is working fine with out file list. REST Service Code Snippet @POST @Path("/manual") @Produces(MediaType.APPLICATION_JSON) public boolean insertResults(testVO testResult) { for(Object o:testVO.getFiles()){ //File access code goes here } } testVO.Java class private String

问题 I am using ng-file-upload to select multiple files.But my requirement is that i want to attach those selected files as a file list into my Js object and send this object to server through REST.So far my data inserting part is working fine with out file list. REST Service Code Snippet @POST @Path("/manual") @Produces(MediaType.APPLICATION_JSON) public boolean insertResults(testVO testResult) { for(Object o:testVO.getFiles()){ //File access code goes here } } testVO.Java class private String

问题 I have been struggling with image upload on server. I am using ngFileUpload on front end. But I always get "Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource" Angular Code for file Upload : var uploadFile = function (file) { if (file) { if (!file.$error) { Upload.upload({ url: baseUrl+'upload', file: file }).progress(function (evt) { var progressPercentage = parseInt(100.0 * evt.loaded / evt.total); /

问题 I have been struggling with image upload on server. I am using ngFileUpload on front end. But I always get "Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource" Angular Code for file Upload : var uploadFile = function (file) { if (file) { if (!file.$error) { Upload.upload({ url: baseUrl+'upload', file: file }).progress(function (evt) { var progressPercentage = parseInt(100.0 * evt.loaded / evt.total); /

问题 I'm using Node to get an presignedRUL for S3 in order to PUT an image to an S3 bucket. var aws = require('aws-sdk'); // Request presigned URL from S3 exports.S3presignedURL = function (req, res) { var s3 = new aws.S3(); var params = { Bucket: process.env.S3_BUCKET, Key: '123456', //TODO: creat unique S3 key //ACL:'public-read', ContentType: req.body['Content-Type'], //'image/jpg' }; s3.getSignedUrl('putObject', params, function(err, url) { if(err) console.log(err); res.json({url: url}); }); }

问题 I'm using Node to get an presignedRUL for S3 in order to PUT an image to an S3 bucket. var aws = require('aws-sdk'); // Request presigned URL from S3 exports.S3presignedURL = function (req, res) { var s3 = new aws.S3(); var params = { Bucket: process.env.S3_BUCKET, Key: '123456', //TODO: creat unique S3 key //ACL:'public-read', ContentType: req.body['Content-Type'], //'image/jpg' }; s3.getSignedUrl('putObject', params, function(err, url) { if(err) console.log(err); res.json({url: url}); }); }

问题 I am using Angular ng-file-upload (https://github.com/danialfarid/ng-file-upload) on the frontend to manage the file upload process. Unfortunately, form contains a complex object with multiple files. Using the MultipartFormData (https://www.playframework.com/documentation/2.5.x/ScalaBodyParsers) on the server side I have successfully decomposed the uploaded content and can read it from the request.body . Now, to my surprise, I do not have a simple Json Objects but rather a strangely formed

问题 Trying to figure best approach to be able to delete a file when using ng-file-upload. I got my list of files with a list. My html is: <div> <p>Files:</p> </div> <div> <ul> <li ng-repeat="f in files" style="font:smaller">{{f.name}} {{f.$error}} {{f.$errorParam}}</li> </ul> </div> In my controller, I have: $scope.$watch('files', function () { $scope.upload($scope.files); }); $scope.$watch('file', function () { if ($scope.file != null) { $scope.files = [$scope.file]; } }); $scope.log = '';

问题 I'm using ng-file-upload for uploading an image file. The code for html for the upload button is <button ng-disabled="croppedDataUrl===''" class="button button-3d button-rounded" ng-click="vm.upload(croppedDataUrl)">Upload</button> and the code for controller is as follows vm.upload = function(dataUrl) { Upload.upload({ url: AppConstants.api.images, data: { uploadedPicture: dataUrl, uploadedFrom: 'recipe' }, }).then(function(response) { $timeout(function() { $scope.result = response.data; });