使用相同形式的兩個按鈕

-1

我想在同一個表單上使用兩個按鈕，一個是上傳文件，另一個按鈕是提交表單，第一個顯示下拉菜單以選擇文件，然後調用post方法的操作。我該如何分離兩個按鈕的功能？使用相同形式的兩個按鈕

的Html

<div data-role="content" class="jqm-content">  
    <div class="jqm-home-welcome"> 
     <h2>Pleasurable</h2> 
     <p class="ui-li-desc"> A place for all the good times</p> 
     <form method="post" action="addsoothing" enctype="multipart/form-data"> 
      <button onclick="submitForm('addpic')">Click to Add pic</button> 
      <output id="list"></output>  
      <input id="uploadImage" type="file" /> 
      <button onclick="submitForm('uploadimage')" id="files">Upload image</button> 
     </form>  
    </div>  
</div>

的JavaScript

<script> 
    function submitForm(button) { 
     if (button == 'addpic') { 
      document.getElementById('uploadImage').click(); 
     } else if (button == 'uploadimage') { 
      document.getElementById('files').addEventListener('change', handleFileSelect, false).click(); 
     } 

     document.getElementById.submit(); 
    } 

    if (window.FileReader) { 
     function handleFileSelect(evt) { 
      var files = evt.target.files; 
      var f = files[0]; 
      var reader = new FileReader(); 

      reader.onload = (function(theFile) { 
       return function(e) { 
        document.getElementById('list').innerHTML = ['<img src="', e.target.result, '" title="', theFile.name, '" width="50"/>'].join(''); 
       }; 
      })(f); 

      reader.readAsDataURL(f); 
     } 
    } else { 
     alert('This browser does not support FileReader'); 
    } 


</script>

來源

2013-11-23 Omade

問題是？ – adeneo

問題或疑問是什麼？ – marekful

那麼，你更新了一個問題，但它很不清楚。你應該花一些時間並且非常清楚地解釋你在問什麼。我不知道是什麼*「分開兩個按鈕的功能」*的意思。 –

我不知道我完全理解這個問題，但我覺得你問如何配合不同的功能，每個按鈕。如果這就是你所要求的，那麼答案就像在其中一個按鈕的onclick處理程序中分配不同的函數調用一樣簡單。代替一個submitForm（）函數，編寫兩個函數...一個調用selectFile（），一個調用submitForm（）。

來源

2013-11-23 16:41:58 beejay

使用相同形式的兩個按鈕

回答

相關問題