javascript - 将 JavaScript 的变量放入隐藏的输入类型

Question

我有一个表单可以让用户上传图像并将图像的位置拖动到用户喜欢的位置。

我使用 jQuery 找出位置。

var top=parseFloat($("#preview_image").css('top'));
var left=parseFloat($("#preview_image").css('left'));

<form action='image.php' method='post' enctype="multipart/form-data">
<input type='file'>
<input type='submit'>
</form>

比我以正常方式发布表单，不使用 jQuery post。 (因为我有 $_FILES[])

问题就在这里。如何从 JavaScript 发布 var top, .left？

有什么方法可以将这两个变量放入隐藏的输入类型吗？

<input type='hidden' value='top'>

所以我可以将这两个数据发布到下一页

Answer 1

尝试这样的事情:

var top=parseFloat($("#preview_image").css('top'));
var left=parseFloat($("#preview_image").css('left'));

$('#preview_image_top').val(top);
$('#preview_image_left').val(left);

<form action='image.php' method='post' enctype="multipart/form-data">
<input type='file'>
<input type='hidden' value='' name='preview_image_top' id='preview_image_top'>
<input type='hidden' value='' name='preview_image_left' id='preview_image_left'>
<input type='submit'>
</form>