0

写真をアップロードするための以下のコードがあります。現在、送信ボタンをクリックするとアップロードされるようにプロセスを設定しています。送信ボタンなしで自動的にアップロードするようにこのコードを変更するにはどうすればよいですか? ありがとう

HTML:

<form data-ajax="false" id="imageform" action="imageup.php" method="POST" enctype="multipart/form-data" name="form">
    <a id="companylink" href="">
        <div id="yourBtn" onclick="getFile()" onchange="readURL(this);">
            <img id="companyprofileimg" src="image/<?php echo $row['photo']?>"/>
        </div>
        <span id="cetext"><?php echo $row['username']?></span>
    </a>
    <div style='height: 0px;width: 0px; overflow:hidden;'>
        <input id="upfile" type="file" value="upload" name="file" onchange="readURL(this);"/>
    </div>
    <a data-theme="g" data-ajax="false" data-role="button" id="imagesub" onclick="$('#imageform').submit();" aria-disabled="false">Upload Image</a>
</form>

ジャバスクリプト:

 function getFile(){
   document.getElementById("upfile").click();
 }
 function sub(obj){
    var file = obj.value;
    var fileName = file.split("\\");
    document.getElementById("companyprofileimg").innerHTML = fileName[fileName.length-1];
    document.myForm.submit();
    event.preventDefault();
    document.getElementById('imageform').submit();
  }
4

3 に答える 3

1

JavaScript：

document.getElementById('imageForm').submit();

于 2013-02-16T16:26:58.670 に答える
1

これを試して

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#companyprofileimg')
                .attr('src', e.target.result)
                .width(50)
                .height(50)
        };

        reader.readAsDataURL(input.files[0]);
        $('#imageForm')[0].submit();
    }
}
于 2013-02-16T16:41:03.983 に答える
0

私はちょうどそれを理解しました、私は入力にsubmit onchangeを追加しました、助けてくれてありがとう

于 2013-02-16T17:17:05.260 に答える