Cześć, potrzebuję zrobić takie coś
Mam obrazek który po kliknięciu powinien swoją nazwę przesłać do bazy danych
Na przykład mam obrazek kwiatka który jest nazywany kwiatek.png po kliknięciu na obrazek pobieram jego nazwę kwiatek i wrzucam do bazy danych.
Pobieranie nazwy w JS
function getName() {
var fullPath = document.getElementById("img1").src;
var filename = fullPath.split("/").pop();
$scope.addnew(filename);
//tutaj sprawdzam czy pobiera mi nazwę i wrzucam ją do inputa ( dla testu )
document.getElementById("result").value = filename;
}
<img src="img\kwiatek.png" onclick="getName()" id="img1" />
<input type="text" id="result"/>
I to działa - pobiera mi nazwę i wrzuca w input
Dalej mam wrzucanie rzeczy do bazy danych.
username nas nie interesuje bo to jest odpowiedzialne za wrzucanie do bazy imienia.
$scope.addnew = function(filename) {
$http.post('addtodb.php',{'username' : $scope.username, 'filename' : filename}
).success(function (data, status, headers, config) {
});
}
Plik addtodb.php
$data = json_decode(file_get_contents("php://input"));
$username = $data->username;
$filename = $data->filename;
$result = $db->query("INSERT INTO test(filename,username) values('$filename','$username')");
Niestety coś mi nie działa i nie mogę tego "filename" wrzucić do bazy danych. W bazie pole to zwykły varchar (255)