我有一个表单可以让用户上传图片并拖动用户喜欢的图片位置。
我用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帖子。 (因为我有$ _FILES [])
这是问题所在。如何从JavaScript发布var top, .left
?
有没有办法把这两个变量放入隐藏的输入类型?
<input type='hidden' value='top'>
所以我可以将这2个数据发布到下一页
尝试这样的事情:
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>
$('form').append(
$('<input type="hidden" name="top"').val(top),
$('<input type="hidden" name="left"').val(left)
)
这将是最简单的方法。创建inputs
,分配它们各自的值和名称,并将它们附加到form
。
var top = parseFloat($('#preview_image').css('top')),
left = parseFloat($('#preview_image').css('left'));
$('<input>').attr({
type: 'hidden',
value: top,
name: 'top'
}).appendTo('form');
$('<input>').attr({
type: 'hidden',
value: left,
name: 'left'
}).appendTo('form');
把这些代码放在你的document.ready
中它会起作用:
$('form').append($('<input type="hidden" name="top"').val(top),$('<input type="hidden" name="left"').val(left));