Javascript 多个图像未正确上载，显示文件“0”；image.jpg“；由于未知错误，未上载

这是我上传图片的观点

<div id="addmore1">
    <table border="0" border-spacing="5em" >
        <tbody>
            <tr>
                <td> {{Form::label('Image')}}</td>
                <td colspan="5">
                    <Input type="file" name="image1" required>
                </td>
            </tr>
            <tr style="width: 80px; height: 20px">
                <td colspan="6"></td>
            </tr>
        </tbody>
    </table>
</div>
{{ Form::hidden('idevent', $event->idevent) }}
<table>
    <tbody>
        <tr>
            <td>
                <input type="button" onclick="addmore1()" value="Add" 
                       style="background-color: #298537" />
                (limit=4)
            </td>
        </tr>
        <tr style="height:20px;">
        </tr>
        <tr>
            <td colspan='7'>
                <input class="btn btn-info pull-right" name="submit" 
                       type="submit" id="submit" value="Submit" 
                       style="color: #080808;" /> &nbsp;
            </td>
        </tr>
    </tbody>
</table>

{{Form:：label（'Image'）}
{{Form:：hidden（'idevent'，$event->idevent）}
（限值=4）

这是我的addmore脚本

<script type="text/javascript">
    var i = 1;
    function addmore1()
    {
        if(i<=3)
        {
            i++;
            var div = document.createElement('div');
            div.innerHTML ='<td>Image:</td> <td colspan="5">' 
                          + '<Input type="file" name="image' + i + '"'
                          + ' required></td> </tr> </tbody> </table>' 
                          + ' <tr><td colspan="7"> <hr></td></tr>' 
                          + '<input type="button" onclick="'
                          + 'removemore1(this)" value="Remove"' 
                          + 'style="background-color: #c4291e"/>';
            document.getElementById('addmore1').appendChild(div);
        }
    }

</script>

var i=1；
函数addmore1（）
{
如果（iI）格式化了你的代码，它现在比以前清晰多了。请记住写干净易读的代码