作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用这个照片上传指令来上传图片:
https://github.com/danialfarid/ng-file-upload
$scope.upload = function (files) {
if (files && files.length) {
for (var i = 0; i < files.length; i++) {
var file = files[i];
Upload.upload({
url: 'https://angular-file-upload-cors-srv.appspot.com/upload',
fields: {
'username': $scope.username
},
file: file
}).progress(function (evt) {
var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
$scope.log = 'progress: ' + progressPercentage + '% ' +
evt.config.file.name + '\n' + $scope.log;
}).success(function (data, status, headers, config) {
$timeout(function() {
$scope.log = 'file: ' + config.file.name + ', Response: ' + JSON.stringify(data) + '\n' + $scope.log;
});
});
}
}
};
我需要添加从剪贴板“粘贴”图像并通过 ng-file-upload 上传图像的功能。
谁能指导我如何做到这一点?
最佳答案
function handlePaste(e) {
$log.debug(e.originalEvent.clipboardData);
for (var i = 0 ; i < e.originalEvent.clipboardData.items.length ; i++) {
var item = e.originalEvent.clipboardData.items[i];
console.log("Item type: " + item.type);
if (item.type.indexOf("image") != -1) {
$log.debug( item.getAsFile(), {});
Upload.upload({file: item.getAsFile(),
url: '/upload/', //upload.php script, node.js route, or servlet url
// method: POST or PUT,
// headers: {'header-key': 'header-value'},
// withCredentials: true,
data: {user_uuid: $scope.session.user.user_uuid}});
} else {
alert("Discarding non-image paste data");
}
}
}
关于javascript - Angular.js通过复制粘贴上传图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31773270/
我有以下正则表达式 /[a-zA-Z0-9_-]/ 当字符串只包含从 a 到z 大小写、数字、_ 和 -。 我的代码有什么问题? 能否请您向我提供一个简短的解释和有关如何修复它的代码示例? //var
我是一名优秀的程序员,十分优秀!