Я пытаюсь создать простое приложение с использованием PhantomJS.Требуемая функциональность:
1. Введите ссылку на веб-сайт в строке ввода
2. Нажмите «Отправить»
3. Предоставлен скриншот связанной страницы
IКогда мой код настроен, единственная проблема, с которой я сталкиваюсь, - это передача данных ссылки из входных данных в файл JS.См. Мой код ниже:
HTML: (только форма, панель ввода и кнопка)
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </script>
<script type="text/javascript" src="./bin/pageCapture.js"></script>
</head>
<body>
<form id="form" method="post" action="screenshot.php">
<input type="text" name="sitelink" id="sitelink" placeholder="Enter Link">
<br>
<div class="display1">
<button class="button1" id="button" onmouseover="changeColor()" onmouseout="colorBack()">Submit</button>
</div>
</form>
</body>
</html>
PHP: (для отправки формы)
<html>
<?php
$sitelink = $_POST['sitelink'];
$cmd = ' ./bin/phantomjs';
$cmd.= ' ./bin/pageCapture.js';
putenv('PATH=./bin/');
exec($cmd.' 2>&1', $output);
$imagelink = 'screenCapture1.jpeg';
?>
<h2 style="text-align: center;">Your screenshot:</h2>
<img class="screenshot" src=<?php echo $imagelink ?>>
</html>
Файл JS (код PhantomJS)
var url = document.getElementById('sitelink').value;
var webpage = require('webpage');
var page = webpage.create();
page.open(url, function(status) {
console.log(page['objectName']);
console.log(page['title']);
console.log(page['url']);
console.log("Status: " + status);
if(status === "success") {
page.render('screenCapture1.jpeg', {format: 'jpeg', quality: '100'});
}
phantom.exit();
});
Как вы можете сказать, я использую var url = document.getElementById('sitelink').value; при попытке получить входные данные (ссылка) и запустить его через файл JS.Это в настоящее время не работает для меня.Любая помощь приветствуется.Спасибо!