在提交时将div图像上传到数据库

时间:2016-08-22 19:06:21

标签: javascript php jquery html css

我一直试图回答如何上传从div创建的图像。我有代码创建div到图像现在我需要知道如何将该图像上传到我的数据库文件夹我需要在提交时上传它与唯一的文件名。我最关心的是如何上传提交。是否可以使用相同的代码上传div的图像来上传常规图像文件?

TextMetrics
$(document).ready(function(){

	
var element = $("#firstshirt"); // global variable
var getCanvas; // global variable
 
    $("#btn-Preview-Image").on('click', function () {
         html2canvas(element, {
         onrendered: function (canvas) {
                $("#previewImage").append(canvas);
                getCanvas = canvas;
             }
         });
    });

	$("#btn-Convert-Html2Image").on('click', function () {
    var imgageData = getCanvas.toDataURL("image/png");
    // Now browser starts downloading it instead of just showing it
    var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
    $("#btn-Convert-Html2Image").attr("download", "your_pic_name.png").attr("href", newData);
	});

});
   这是我的上传图片php
<center><input id="btn-Preview-Image" type="button" value="Preview"/>
    <button type="button" id="btn-Convert-Html2Image" href="#">Download</button>
    <br/>
   
</center>
 <center><input type="submit" name="submit" value="Next" /></center>

1 个答案:

答案 0 :(得分:0)

"insert into profile_table"无效MySql(或者至少不会改变任何东西),我会移动
$query='UPDATE profile_table SET images="'.$_FILES['file']['name'].'" WHERE email= "'.$_SESSION['email'].'"'; 到文件末尾已成功上传子句并将其路径存储在数据库中(将images="'.$_FILES['file']['name'].'"更改为images="'upload/.$_FILES['file']['name'].'"')。要访问该文件,您现在可以查询数据库并通过另一个PHP脚本返回流。