I have an exciting project where users need to select a color value in hex format. Once I retrieve this value in JavaScript, I convert it to Rgba format. Now, my challenge is figuring out how to send this converted value to the controller for database storage.
I'm struggling with the logic of storing the results in a variable and sending them to the controller. I'll show you my code as well as the logic I'm trying to implement without success.
Blade
<form>
<input type="color" id="bgcolor" name="bgcolor">
<button onclick="hex2rgb()">Click</button>
</form>
Working JS script
function hex2rgb(hex) {
var hex = document.getElementById("bgcolor").value;
console.log(hex);
r = hex.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
if (r) {
return alert(r.slice(1, 4).map(function (x) {
return parseInt(x, 16);
}));
}
return null;
}
Attempting to send value
function hex2rgb(hex) {
var hex = document.getElementById("bgcolor").value;
console.log(hex);
r = hex.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
if (r) {
return alert(r.slice(1, 4).map(function (x) {
return parseInt(x, 16);
}));
var _token = {{csrf_token()}};
$.ajax({
url:"{{ route('niceActionController.multiStepStore') }}",
method:"POST",
data:{ _token:_token},
success:function(result)
{
console.log('successfully sent');
}
})
}
return null;
}
Laravel 6. PHP 7.4.