我如何通过JSON发送图像数据从一个图像标签有blob URL在src
How can I send Image data through JSON from an Image Tag that has blob URL in src?
我正在做一个项目,前端使用Angularjs,后端使用Java Webservices。我试图通过JSON上传和发送图像。
图片上传时,在src中生成一个blob url (blob:http://localhost/a34ac19f-3320-4cdf-b30f-e1b0a0e7a745)。我如何读取它并将其转换为Base64或可以通过JSON发送的其他类型?
首先在控制器的正下方添加这个自定义目录:
app.directive('fileModel', ['$parse', function ($parse) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
var model = $parse(attrs.fileModel);
var modelSetter = model.assign;
element.bind('change', function () {
scope.$apply(function () {
modelSetter(scope, element[0].files[0]);
});
});
}
};
}]);
然后在你的视图中这样使用:
<input type = "file" name="files" file-model = "myFile"/>
在你的控制器函数中,当你的表单提交时:
这样做:
$scope.formSubmit = function(){
var file = $scope.myFile;
var fd = new FormData();
fd.append('profilepic', file);
fd.append('action', 'add');
$http.post('yourjavafile', fd, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
}).success(function (response) {
if (response) {
} else {
}
});;
}
相关文章:
- 我是不是一直在为图像标签强制固定图像大小
- 取出图像标签alt:丢失"没有alt-id的图像标签是优选的并且不显示丢失的“;
- Wordpress:如何更改图像标签中的源属性
- 使用jQuery通过更改src属性来设置一个图像标签的动画
- 使用angularjs交换图像标签中的ng-src属性
- 输入类型文件未正确将图像放入图像标签
- IE不喜欢我的输入和图像标签
- 获取输入 IMG 类型的选定图片并加载到图像标签中
- 如何将图像标签插入超链接标签 在 动态使用 jQuery 中
- 更改背景图像标签..什么也没发生
- Chrome扩展程序 - 修复错误无限循环时的图像标签
- 将带有图像标签的 Svg 转换为 PNG
- 在 JavaScript 中为数组的每个对象生成 HTML 中的图像标签
- 单击元素(例如一个或多个图像标签)和相同的函数应在angularjs中调用
- 删除 DOM ready 上的凌乱图像标签并使用 JS 正确设置
- 如何通过JavaScript从HTML内容中获取图像标签的域名
- 如何在javascript中将图像标签打印到Rails资产中
- 将彩色带置于图像/标签+图像/文本对齐方式之上->JavaScript Titanium移动应用程序
- 如何使用JavaScript在每次点击图像时更改图像标签的URL
- 定向地附加图像标签