以下是显示问题的YouTube视频:https://www.youtube.com/watch?v = znzLQSYlsKM.
我提供了视频描述中涉及的所有代码的链接.
我正在使用js库将影响应用于图像.然后我触发一个事件,为用户提供下载链接,并动态创建一个带有base64的表单元素.然后我将它传递给php文件并将其保存到文件夹中.您可以下载的图像具有应用于它的效果,但保存的图像将保存而不起作用.问题是它们都是完全相同的文件.
JS代码:
function showDownload(canvas){
//this is how i send it to my main page and use ajax script to upload to the php file.
var url = canvas.toDataURL("image/png;base64;");
$('<input/>').attr({
type: 'hidden', id: 'fileroast', name: 'fileroast', value: url
}).appendTo('#output');
// this is how i link the download file
downloadImage.off('click').click(function(){
var url = canvas.toDataURL("image/png;base64;");
downloadImage.attr('href', url);
}).fadeIn();
}
Run Code Online (Sandbox Code Playgroud)
过滤代码:
filters.click(function(e){
e.preventDefault();
var f = $(this);
if(f.is('.active')){
// Apply filters only once
return false;
} …Run Code Online (Sandbox Code Playgroud)