Вызов PHP из ajax в javascript

попытка сохранить захват страницы с помощью html2canvas захват сделан, но сохранения нет я получаю "метод не разрешен ошибка" если я прокомментирую все, кроме вызова php, я получаю ошибку «не найден» я новичок во всем этом, может я что-то упускаю

оба файла test.cfm и export.php находятся в одной папке cfsanad

test.cfm

<!doctype html>
<html>
<head>
<script type = "text/javascript" src = "SCRIPTS/es6-promise.min.js"></script>
<script type = "text/javascript" src = "SCRIPTS/es6-promise.auto.min.js"> </script>
<script type = "text/javascript" src = "SCRIPTS/html2canvas.js"></script>
<script type = "text/javascript" src = "SCRIPTS/jquery-2.1.0.min.js"></script>
</head>
<body>
<h1>Take screenshot of webpage with html2canvas</h1>
<div class = "container" id='container' >
 hi
 bye
</div>
<input type='button' id='but_screenshot' value='save screenshot' onclick='exportAndSaveCanvas();'><br/>
<br/>
<!-- Script -->
<script type='text/javascript'>
function exportAndSaveCanvas()  {
try
{
   html2canvas(document.body).then(function(canvas) {

     document.body.appendChild(canvas);

     // Get base64URL
     var base64URL = canvas.toDataURL('image/jpeg').replace('image/jpeg', 'image/octet-stream');

     // AJAX request
     $.ajax({
       type: 'POST',
        url: 'export.php',
        data: {image: base64URL},
        success: function(data){
           alert('Upload successfully');
           },
        error: function(XMLHttpRequest, textStatus, errorThrown) { 
                alert("Status: " + textStatus+ "\nError: " + errorThrown);
        }
     }); //ajax

   }); //html2canvas
 }
 catch(err)
{
    alert('DBconnect: '+err.message);
    return 'err';
}
} // End exportAndSaveCanvas()
</script>

</body>
</html>

экспорт.php

<?php
$message = "in php";
echo "<script type='text/javascript'>alert('$message');</script>";

$image = $_POST['image'];

$location = "IMAGES/";

$image_parts = explode(";base64,", $image);

$image_base64 = base64_decode($image_parts[1]);

$filename = "screenshot_".uniqid().'.png';

$file = $location . $filename;
file_put_contents($file, $image_base64);
?>

Пришлось искать расширение .cfm. Похоже, это ColdFusion? Это совместимо с PHP?

dmikester1 21.03.2019 13:59
«оба файла test.cfm и export.php находятся в одной папке» — и вы уверены, что сервер настроен на синтаксический анализ и выполнение обоих типов? Потому что «Метод не разрешен» — это обычно то, что вы получаете, когда пытаетесь отправить данные POST на URL-адрес, который сервер считает «статическим», а не динамическим сценарием для начала.
04FS 21.03.2019 14:00

да, это холодный синтез, но как я узнаю, совместимы они или нет, или настроен ли сервер для обработки php.. это первый раз для меня с php

safo 21.03.2019 14:45

Посмотрите скрипт с той страницы, может поможет: курсыweb.net/javascript/…

CoursesWeb 21.03.2019 15:43

пример не работает, кнопка скриншота даже не показывается

safo 22.03.2019 10:44
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
54
0

Другие вопросы по теме