如何使用jquery从

时间:2015-07-24 09:29:40

标签: javascript php jquery

我的总流程 我的用户可以上传个人资料封面图片。因此,单击上传按钮并选择图像,将显示图像并单击以保存。

现在我无法解析upload file中的用户页面ID 。那么如何通过Jquery解析ID并在php文件中获取此ID。

我的表格:

//here data-id= user pageid that i want to parsing with image
//How to parsing this pageid at upload file

   <form id="bgimageform" method="post" enctype="multipart/form-data" action="upload.php">
       <input type="file" name="photoimg" id="bgphotoimg" class="custom-file-input" data-id="<? $page_user_info['id']; ?>">
   </form>

JQuery的:

  //This script display image after selection.

  $('body').on('change','#bgphotoimg', function(){

  var pageid   =  $(this).attr('data-id');

  $("#bgimageform").ajaxForm({target: '#cover',
      beforeSubmit:function(){},
      success:function(){
         $("#bgimageform").hide();
      },
  error:function(){

  } }).submit();
  }); 

upload.php的

// how to get that parsing id , is it right way?

if(isset($_POST['pageid']) && isset($_FILES['photoimg'])){
$name = $_FILES['photoimg']['name'];
$size = $_FILES['photoimg']['size'];

$pageid = $_POST['pageid'];

etc. others upload process. 

2 个答案:

答案 0 :(得分:1)

您可以使用表单中的隐藏字段将id传递给php文件

<form id="bgimageform" method="post" 
        enctype="multipart/form-data" action="upload.php">

    <input type="file" name="photoimg" id="bgphotoimg" class="custom-file-input" 
        data-id="<?php echo $page_user_info['id']; ?>">

    <input type="hidden" name="page_id" 
        value ="<?php echo $page_user_info['id']; ?>"/>
</form>

答案 1 :(得分:0)

你可以这样添加:

      data: { pageid: pageid },

您可以查看有关数据选项{{3}}

的文档