Переместить переменную Javasript в тип ввода скрытый

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 пост. (Потому что у меня есть $ _FILES [])

здесь проблема. Как я могу опубликовать var top, .left с javascript?

- любой способ поместить эти 2 переменные в скрытый тип ввода?

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

так я могу отправить эти 2 данные на следующей странице

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> 

Answer 2

$('form').append(
    $('<input type="hidden" name="top"').val(top), 
    $('<input type="hidden" name="left"').val(left) 
) 

Answer 3

Это было бы самым простым способом. Создайте 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'); 

Answer 4

Поместите эти коды в вашем document.ready и он будет работать:

$('form').append($('<input type="hidden" name="top"').val(top),$('<input type="hidden" name="left"').val(left));