添加eventlistner以获取与文件相关的详细信息

时间:2018-04-03 01:39:57

标签: javascript

我在PHP页面中为表单字段进行了以下设置,当单击提交按钮时,将调用Javascript函数submit()并调用变量    formdata包含一个javascript对象。

 <!-- Start of HTML Form -->
   <form id = "myForm">
            <label for="projectTitle">Title </label>
            <input type="text" class="form-control" id="projectTitle" value="<?php echo $previousProjTitle;?>" >

            <label for="projectDesc">Description </label>
            <input type="text" class="form-control" id="projectDesc" value="<?php echo $previousProjDesc;?>">
   </form>
   <!-- END of HTML Form -->

   <button  class="btn btn-primary" onclick="submit()">Submit</button>

   function submit(){  
            var formdata = $("#myform").serializeArray();

    }

现在,我想在表单字段中包含与文件相关的内容,如下所示:

<!-- Start of HTML Form -->
   <form id = "myForm">

            <label for="docSubmission">First Document</label>
            <input type="file" id="firstdoc">

            <label for="docApproval">Second Document</label>
            <input type="file" id="seconddoc">

            <label for="projectTitle">Title </label>
            <input type="text" class="form-control" id="projectTitle" value="<?php echo $previousProjTitle;?>" >


            <label for="projectDesc">Description </label>
            <input type="text" class="form-control" id="projectDesc" value="<?php echo $previousProjDesc;?>">


    </form>
    <!-- END of HTML Form -->



    <button  class="btn btn-primary" onclick="submit()">Submit</button>

所以,当点击我的submit按钮时,我想知道是否可以将文档相关内容(在将其转换为base64格式之后)包含到     javascript对象变量formdata

我遇到this example,他们通过在按钮点击时附加事件列表器将其转换为Base64格式。     我想知道是否可以在此处<input type="file" id="firstdoc">附加事件列表器,或者我应该采用不同的方法吗?

0 个答案:

没有答案