я делаю веб-страницу, которая обеспечивает диаграмму узла и каждый узел должен иметь один средства массовой информации(фото, видео, звук, текст) на нем. Я использую библиотеку JavaScript GoJs чтобы сделать диаграмму узла, но у меня есть проблема в том, как связать в каждом узле с загруженным носителем (носитель загружается пользователем с помощью формы Ajax).
У кого-нибудь есть идеи, как заставить это работать?
кстати медиа-загрузчик работает нормально.
// define the Node template for nodes
myDiagram.nodeTemplate =
$(go.Node, "Auto", // the whole node panel
new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),{
// define the node's outer shape, which will surround the TextBlock
resizable: true,
resizeObjectName: "RRectangle",
resizeCellSize: new go.Size(10, 10),
selectionObjectName: "SHAPE"},$(go.Picture, { //main image for all nodes
source: "images/nodeicon.png",
background: "#E67E22",
width: 65,
height: 65,
maxSize: new go.Size(50, 50),
margin: new go.Margin(0),
},
new go.Binding("source")),)
);// This converter is used by the mediaUploader
function mediaContent(mediaC) {
use some SetDataProperty(data,source,mediaC)
..
};
функция mediaContent возвращает эхо php.
например ‘/Media/IMG_4310.jpg’
//------ //
// MEDIA UPLOAD //
//------ //
jQuery(document).ready(function() {
var options = {
beforeSubmit: beforeSubmit, // pre-submit callback
success: afterSuccess, // post-submit callback
uploadProgress: OnProgress, //upload progress callback
resetForm: true // reset the form after successful submit
};
...
if(move_uploaded_file($tmp_file, $UploadDirectory.$NewFileName ))
{
if($File_Ext=='.jpg' || $File_Ext=='.jpg' || $File_Ext=='.png' || $File_Ext=='.gif' )
{
//echo "<img src='media/".$NewFileName."' id='preview' class='img-responsive'>";
echo 'media/'.$NewFileName.'';
}
}
else{
die('error uploading File!');
}
Задача ещё не решена.
Других решений пока нет …