Как конвертировать изображения в формат Photoshop (PSD) с помощью JavaScript

Переключение изображений на проприетарные форматы изображений в масштабе может быть настоящей проблемой. Если вы используете Photoshop для обработки большого количества изображений для веб-контента (или по какой-либо другой причине), попробуйте наш API преобразования PSD. С помощью этой операции, включенной в ваше приложение/веб-сайт в качестве службы API, вы можете быстро конвертировать десятки распространенных типов файлов входных изображений в PSD в мгновение ока, гарантируя, что эти изображения готовы к немедленному использованию на платформе Adobe Photoshop. Лучшая часть? Вы можете использовать этот API бесплатно, если зарегистрируете бесплатную учетную запись на нашем сайте и получите необходимый API-ключ. После этого используйте приведенные ниже примеры кода для структурирования вызова API в JavaScript (в качестве альтернативы вы можете найти другие примеры кода, доступные на нашей странице консоли API, или использовать этот API в качестве действия соединителя в Power Automate & Logic Apps).

Начнем с демонстрации кода, необходимого для вызова этого API с помощью функции XHR в JavaScript:

var data = new FormData();
data.append("imageFile", fileInput.files[0], "file");
 
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function() {
     if(this.readyState === 4) {
          console.log(this.responseText);
     }
});
xhr.open("POST", "https://api.cloudmersive.com/image/convert/to/psd");
xhr.setRequestHeader("Apikey", "YOUR-API-KEY-HERE");
xhr.send(data);

Чтобы вместо этого установить jQuery, сначала выполните следующую команду:

bower install jquery

Затем структурируйте вызов API следующим образом:

var form = new FormData();
form.append("imageFile", fileInput.files[0], "file");
var settings = {
     "url": "https://api.cloudmersive.com/image/convert/to/psd",
     "method": "POST",
     "timeout": 0,
     "headers": {
          "Content-Type": "multipart/form-data",
          "Apikey": "YOUR-API-KEY-HERE"
     },
     "processData": false,
     "mimeType": "multipart/form-data",
     "contentType": false,
     "data": form
};
$.ajax(settings).done(function (response) {
     console.log(response);
});