can';t包括processing.js sketch以使用和显示phpmyadmin数据库图像
我有一个用PHP编写的网站,通过MySQL和PHPMyAdmin有一个数据库。我正在尝试使用处理草图对用户上传到其帐户的图像应用效果。我已经包含了base processing.js文件,但是草图不会出现在我的网站上。编辑:我还使用XAMPP在本地运行所有内容 这是数据库上的文件结构: phplogin(数据库)> 账户(表),包括:can';t包括processing.js sketch以使用和显示phpmyadmin数据库图像,php,mysql,phpmyadmin,processing,processing.js,Php,Mysql,Phpmyadmin,Processing,Processing.js,我有一个用PHP编写的网站,通过MySQL和PHPMyAdmin有一个数据库。我正在尝试使用处理草图对用户上传到其帐户的图像应用效果。我已经包含了base processing.js文件,但是草图不会出现在我的网站上。编辑:我还使用XAMPP在本地运行所有内容 这是数据库上的文件结构: phplogin(数据库)> 账户(表),包括: id username password email upload 1 test (encrypted) test@test.
id username password email upload
1 test (encrypted) test@test.com [test.png]
这是处理草图,我从一个教程中获取,试图显示图像,所以它很可能是错误的:
MySQL msql;
import de.bezier.data.sql.*;
import de.bezier.data.sql.mapper.*;
String dbHost = "localhost";
String dbPort = "";
String dbUser = "root";
String dbPass = "";
String dbName = "phplogin";
String tableName = "accounts";
PImage displayimg;
void setup()
{
msql = new MySQL( this, dbHost + ":" + dbPort, dbName, dbUser, dbPass );
if (msql.connect()) {
// get number of rows
msql.query("SELECT COUNT(*) FROM " + tableName);
msql.next();
println("Number of rows: " + msql.getInt(1));
println();
// access table
msql.query("SELECT * FROM " + tableName);
while (msql.next()){
// replace "first_name" and "last_name" with column names from your table
String s1 = msql.getString("username");
String s2 = msql.getString("upload");
println(s1 + " " + s2);
}
}
size (400, 300);
displayimg = loadImage(".$upload");
}
void draw()
{
image (displayimg, 0, 0);
tint(255, 127);
image (displayimg, 0, 0);
}
这是php代码,它通过processing.js包含了草图,以及通过php显示图像的另一个尝试
<?php
session_start();
if (!isset($_SESSION['loggedin'])) {
header('Location: index.html');
exit();
}
$DATABASE_HOST = 'localhost';
$DATABASE_USER = 'root';
$DATABASE_PASS = '';
$DATABASE_NAME = 'phplogin';
$con = mysqli_connect($DATABASE_HOST, $DATABASE_USER, $DATABASE_PASS, $DATABASE_NAME);
?>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<meta charset="utf-8">
<title>Home</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body class="loggedin">
<nav class="navtop">
<div>
<h1>imagine</h1>
<a href="profile.php"><i class="fas fa-user-circle"></i>Profile</a>
<a href="logout.php"><i class="fas fa-sign-out-alt"></i>Logout</a>
</div>
</nav>
<div class="content">
<h2>Colaborative Art Project</h2>
<p>Welcome, <?=$_SESSION['name']?>! Upload an image and take a look at the art piece you've contributed to:</p>
<?php
include("upload.php");
?>
</div>
<?php $dir='images/';
$img = "SELECT upload FROM accounts";
$result = $con ->query ($img) or die ($con -> error);
while ($row = $result ->fetch_assoc ())
{
$int_image = $row["upload"];
} ?>
<script type ="text/javascript" src="processing.js"></script>
<canvas id ="imagine" data-processing-sources="imagine.pde"></canvas>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
家
想象
合作艺术项目
欢迎!上传一张图片,看看你参与的艺术作品:
如果有人能指出我是如何做到这一点的,只是为了让我能够利用用户上传的图像处理图像效果,那就太好了。这样做的目的是在主页上将这些图像相互叠加,从而制作出一幅协同艺术作品。如果您打算推荐P5js,请以我可以简单实现的方式推荐。谢谢。从外观上看,您正在尝试在服务器端使用客户端技术(Processing Java/Processing.js/p5.js),同时混合使用各种语言 如果您希望用户将图像上传到服务器,然后该服务器创建拼贴,则需要在服务器端实现该拼贴 鉴于您使用的是PHP,您有几个(主要是内置的)选项可供选择:
- 对于一个基本的拼贴你可以使用:可能非常有用
- 如果您还想绘制形状(例如矩形/椭圆/圆弧/直线等a-la处理),请查看
当用户想要查看此合成图像时,可以直接下载它。您是在客户端还是在服务器上运行处理代码?Processing.js只在客户端工作,但您使用的代码只在服务器端工作。哦,我不知道这一点。我通过XAMPP在本地运行数据库到PHPMyAdmin,如果这很重要,任何地方都不会上传任何内容。究竟哪一部分只针对服务器端编码@Kevinworkman将NodeJS与PHP混合有什么意义?还请注意,Processing.js早在2018年12月就停止了,但即使在那时,它也肯定无法运行任何带有
import
语句的代码(因为js不理解编译后的java字节码)。