关于上传图片转文件流的问题

效果

HTML：

<section class="formContainer">
    <ul class="formUl">
      <iframe src="" id="upload_frame" name="upload_frame" style="display: none;"  ></iframe>
      <li class="imgLi">
        <div class="img">
          <img id="idcardFrontImg"  width="100%" src="images/uploadImg.png" />
          <img id="idcardFrontImg_" class="wait" width="20%" src="wait.gif" />
        </div>
        <form id="form1" class="file_form" enctype="multipart/form-data"
          action=""
          method="post" target="upload_frame">
          <!-- <input type="file" class="file" name="idcardFrontImgInput" id="idcardFrontImgInput" accept="image/*"> -->
          <input type="file" class="file" data-type="idcardFront" name="pic" id="idcardFrontImgInput"/>
        </form>
        <p class="detail">法人身份证正面</p>
        <div class="uploadIcon"></div>
        <div id="tip1" class="right_top_tip hide"></div>
      </li>
      <li class="imgLi">
        <div class="img">
          <img id="idcardBackImg"  width="100%" src="images/uploadImg.png" />
          <img id="idcardBackImg_" class="wait" width="20%" src="wait.gif" />
        </div>
        <form id="form2" class="file_form" enctype="multipart/form-data"
          action=""
          method="post" target="upload_frame">
          <input type="file" data-type="idcardBack" class="file" name="idcardBackImgInput" id="idcardBackImgInput" accept="image/*">
        </form>
        <p class="detail">法人身份证反面</p>
        <div class="uploadIcon"></div>
        <div id="tip2" class="right_top_tip hide"></div>
      </li>
      <li class="imgLi">
        <div class="img">
          <img id="bankcardFrontImg"  width="100%" src="images/uploadImg.png" />
          <!-- <img id="bankcardFrontImg_" class="wait" width="20%" src="wait.gif" /> -->
        </div>
        <form id="form3" class="file_form" enctype="multipart/form-data"
          action=""
          method="post" target="upload_frame">
          <input type="file" data-type="bankcardFront" class="file" name="bankcardFrontImgInput" id="bankcardFrontImgInput" accept="image/*">
        </form>
        <p class="detail">银行卡正面</p>
        <div class="uploadIcon"></div>
        <div id="tip3" class="right_top_tip hide"></div>
      </li>
      <li class="imgLi">
        <div class="img">
          <img id="licenceImg"  width="100%" src="images/uploadImg.png" />
          <img id="licenceImg_" class="wait" width="20%" src="wait.gif" />
        </div>
        <form id="form4" class="file_form" enctype="multipart/form-data"
          action=""
          method="post" target="upload_frame">
          <input type="file" data-type="licence" class="file" name="licenceImgInput&#