Javascript 以相同的形式使用两个按钮

我尝试在同一个表单上使用两个按钮，一个是上载文件，另一个是提交表单，第一个按钮显示下拉菜单以选择文件，然后调用post方法的操作。如何区分这两个按钮的功能

Html

愉快的
一个享受所有美好时光的地方
点击添加图片
上传图像

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>

功能提交表单（按钮）{
如果（按钮=='addpic'）{
document.getElementById（'uploadImage'）。单击（）；
}否则，如果（按钮=='uploadimage'）{
document.getElementById（'files'）。addEventListener（'change'，handleFileSelect，false）。单击（）；
}
document.getElementById.submit（）；
}
if（window.FileReader）{
功能手柄文件选择（evt）{
var files=evt.target.files；
var f=文件[0]；
var reader=new FileReader（）；
reader.onload=（函数（文件）{
返回函数（e）{
document.getElementById（'list'）.innerHTML=[''）.join（''）；
};
})（f） )；
reader.readAsDataURL（f）；
}
}否则{
警报（“此浏览器不支持FileReader”）；
}

我不确定我是否完全理解这个问题，但我想你是在问如何将不同的功能绑定到每个按钮上。如果这就是您要问的，那么答案很简单，只需在其中一个按钮的onclick处理程序中分配不同的函数调用即可。编写两个函数，而不是一个submitForm（）函数。。。一个名为selectFile（）和一个名为submitForm（）。

问题是？问题是什么？您更新了一个问题，但它非常不清楚。你应该花点时间把你的问题解释清楚。我不知道“分离两个按钮的功能”是什么意思。问题是，我的解决方案工作不正常，如何分离这两个按钮的功能？请描述“工作不正常”。你有错误吗？

<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>