Javascript 在WinJS中将位图流转换为jpeg图像
我正在尝试在我的应用程序中实现从剪贴板上载图像功能,代码如下:Javascript 在WinJS中将位图流转换为jpeg图像,javascript,windows-store-apps,winjs,Javascript,Windows Store Apps,Winjs,我正在尝试在我的应用程序中实现从剪贴板上载图像功能,代码如下: var clipboard = Windows.ApplicationModel.DataTransfer.Clipboard.getContent(); if (clipboard.contains(Windows.ApplicationModel.DataTransfer.StandardDataFormats.bitmap)) { clipboard.getBitmap
var clipboard = Windows.ApplicationModel.DataTransfer.Clipboard.getContent();
if (clipboard.contains(Windows.ApplicationModel.DataTransfer.StandardDataFormats.bitmap)) {
clipboard.getBitmapAsync().done(function (stream) {
stream.openReadAsync().then(function (bitmapStream) {
//TODO
});
});
return;
}
工作,我可以上传它,但只能作为位图。
我想实现的是以jpeg格式上传图像。
我知道我可以使用canvas元素将位图转换为jpeg,但还有其他方法吗?
也许是?经过几次尝试,我找到了解决方案,代码如下。虽然不漂亮,但可以工作,将位图从剪贴板转换为png/jpeg,并将文件上传到服务器(这里几乎没有ajax请求)。 希望它能帮助有类似问题的人
if (clipboard.contains(Windows.ApplicationModel.DataTransfer.StandardDataFormats.bitmap)) {
clipboard.getBitmapAsync().done(function(bitmap) {
bitmap.openReadAsync().then(function(bitmapStream) {
Windows.Graphics.Imaging.BitmapDecoder.createAsync(bitmapStream).then(function(decoder) {
decoder.getPixelDataAsync().then(function(pixelDataProvider) {
var pixels = pixelDataProvider.detachPixelData();
var memoryStream = new Windows.Storage.Streams.InMemoryRandomAccessStream();
Windows.Graphics.Imaging.BitmapEncoder.createAsync(Windows.Graphics.Imaging.BitmapEncoder.pngEncoderId, memoryStream).then(function(encoder) {
encoder.setPixelData(decoder.bitmapPixelFormat, Windows.Graphics.Imaging.BitmapAlphaMode.ignore,
decoder.orientedPixelWidth, decoder.orientedPixelHeight, decoder.dpiX, decoder.dpiY, pixels);
encoder.flushAsync().then(function() {
var fileName = 'screenshot_' + moment().format('MMDDYYYY_HHmm') + '.png';
var imageblob = MSApp.createBlobFromRandomAccessStream('image/png', memoryStream);
var formData = new FormData();
formData.append('upload', imageblob, imageName);
});
});
});
});
});
});
}
经过几次试验,我找到了解决方案,代码如下。虽然不漂亮,但可以工作,将位图从剪贴板转换为png/jpeg,并将文件上传到服务器(这里几乎没有ajax请求)。 希望它能帮助有类似问题的人
if (clipboard.contains(Windows.ApplicationModel.DataTransfer.StandardDataFormats.bitmap)) {
clipboard.getBitmapAsync().done(function(bitmap) {
bitmap.openReadAsync().then(function(bitmapStream) {
Windows.Graphics.Imaging.BitmapDecoder.createAsync(bitmapStream).then(function(decoder) {
decoder.getPixelDataAsync().then(function(pixelDataProvider) {
var pixels = pixelDataProvider.detachPixelData();
var memoryStream = new Windows.Storage.Streams.InMemoryRandomAccessStream();
Windows.Graphics.Imaging.BitmapEncoder.createAsync(Windows.Graphics.Imaging.BitmapEncoder.pngEncoderId, memoryStream).then(function(encoder) {
encoder.setPixelData(decoder.bitmapPixelFormat, Windows.Graphics.Imaging.BitmapAlphaMode.ignore,
decoder.orientedPixelWidth, decoder.orientedPixelHeight, decoder.dpiX, decoder.dpiY, pixels);
encoder.flushAsync().then(function() {
var fileName = 'screenshot_' + moment().format('MMDDYYYY_HHmm') + '.png';
var imageblob = MSApp.createBlobFromRandomAccessStream('image/png', memoryStream);
var formData = new FormData();
formData.append('upload', imageblob, imageName);
});
});
});
});
});
});
}
这看起来很有希望。这在所有现代浏览器中都是可能的吗?这看起来很有希望。这在所有现代浏览器中都可能吗?