Upload file attachments (pictures, documents and videos...) HTML AND CACHE INTERSTEMS

Hello 
Please I have a problem to save all name of files attached in table with date and load all files attached in directory 
My code HTML
-------------------------------------

<cache block="INC_REAPRO">
  <form method="post" id="formupload" enctype="multipart/form-data" action="cache-call:SubmitUpload^MyMac" data-upload-url="cache-call:FileUpload^MyMac">
    <input type="hidden" value="##/SERIENR##" name="SERIENR" />
    <input type="hidden" value='' name="FILE" id="upload-select-hidden" />
    <div id="upload-drop" class="uk-placeholder">
      <div id="upload-text" class="uk-text-center">
        <i class="uk-icon-cloud-upload uk-icon-small uk-text-muted"></i>clique to Upload<a href="javascript:void(0)" class="uk-form-file">clique to upload <input type="file" id="upload-select"></a>
      </div>
    </div>
    <div id="progressbar" class="uk-progress uk-hidden">
      <div class="uk-progress-bar" style="width: 0%;">...</div>
    </div>
    <div class="uk-clearfix"></div>
  </form>
  <div class="uk-clearfix"></div>
</cache>
-------------------------------------------------
My table class :
-------------------------------------------------
/// Attachments URL for a Productfile
Property URL As %String;

/// Get and set property name of file
Property FileName As %String;

/// Get and set property extension file
Property FileExt As %String; 
----------------------------------------------------
Thanks for your help