i want to make download link using html form get and post method

i want to make download link using html form get and post method and get a unique download link for every download

<form action="website.com" method="post" target="_blank">
<input name="filename" type="hidden" value="File.zip"><br> 
<input name="filesize" type="hidden" value="43.5GB"><br> 
<input name="id" type="hidden" value="188.138.0.0">
<p></p>
<div align="center">
<input alt="Download" height="99" src="button-download.png" type="image" width="184">
</div>
</form>

1 answer

  • answered 2018-04-17 04:25 Virb

    You can make the download link with anchor tag and give it your relative path of image as shown below. This may help.

    Updated:

    If you want to make it download then you have to use javascript for that. I have created code on submit that will click on anchor tag and will download your image. This may help.

    <form action="website.com" method="post" target="_blank" id="form_submit">
       <input name="filename" type="hidden" value="File.zip"><br> 
       <input name="filesize" type="hidden" value="43.5GB"><br> 
       <input name="id" type="hidden" value="188.138.0.0">
       <p></p>
       <div align="center">
          <a download="button-download.png" href="/path/to/image" title="ImageName" id="download_image">
           <img alt="ImageName" src="/path/to/image">
          </a>
       </div>
    </form>
    

    Javascript:

    $(document).ready(function(){
       $("#form_submit").submit(function(){
            document.getElementById('download_image').click(); 
       });
    });
    

  • issue with autoloading modal on page load Rails 5 Tailwindcss

    Hey all I am trying to build a modal that loads 10 seconds after a user lands on my homepage. I have a basic modal example Ive added into my app and have tied to add custom js (my weakness, I'm trying to learn it...). when I inspect the element in chrome I see this error:

    application.self-33e0fcb4f9616be09c26add85386e3d65847a6a251a90987c7cc14257e70ecf6.js?body=1:25 Uncaught TypeError: $(...).modal is not a function
        at application.self-33e0fcb4f9616be09c26add85386e3d65847a6a251a90987c7cc14257e70ecf6.js?body=1:25
    

    The modal is stored in a partial on my homepage. I'm new to modals, but any assistance would be appreciated here!

    My modal code:

    <div id="interestModal" class="animated fadeIn fixed z-50 pin overflow-auto bg-smoke-dark flex">
      <div class="animated fadeInUp fixed shadow-inner max-w-md md:relative pin-b pin-x align-top m-auto justify-end md:justify-center p-8 bg-white md:rounded w-full md:h-auto md:shadow flex flex-col">
        <h2 class="text-4xl text-center font-hairline md:leading-loose text-grey md:mt-8 mb-4">Question!</h2>
        <p class="text-xl leading-normal mb-8 text-center">
          Is this Working???
        </p>
        <div class="inline-flex justify-center">
          <button @click="toggleModal" class="bg-grey-lighter flex-1 border-b-2 md:flex-none border-green ml-2 hover:bg-green-lightest text-grey-darkest font-bold py-4 px-6 rounded">
            Absolutely
          </button>
          <button @click="toggleModal" class="bg-grey-lighter flex-1 md:flex-none border-b-2 border-red ml-2 hover:bg-red-lightest text-grey-darkest font-bold py-4 px-6 rounded">
            Not so much
        </button>
      </div>
        <span id="closeModal" class="absolute pin-t pin-r pt-4 px-4">
            <svg class="h-12 w-12 text-grey hover:text-grey-darkest" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z"/></svg>
        </span>
      </div>
    </div>
    

    My javascript:

    $(window).load(function(){
       setTimeout(function(){
           $('#interestModal').modal('show');
       }, 10000);
    });
    
  • Can someone give me a working code to show the latest tweets of a user in the website

    I am trying to get the latest tweets or feed(may be 2 tweets) from the twitter account of a user. Can anyone help me in that? I need a working code.

  • Input type="search" - not enable in Chrome

    My type = "search" does not enable the 'X' option to clear the imput in Chrome! Any solution?

    ` <div layout="row  text-left" style="float:left; width:100%;">
          <md-input-container flex-offset="15" flex="70">
             <label>Pesquisar...</label> 
               <input type="search" ng-model="$ctrl.pesquisa" ng-disabled="'@ViewBag.EditaConteudo'">
          </md-input-container>
      </div>`