Question

我有一个名为'pedidos'的表和一个名为'locais'的表。对于每个'pedidos'，可能有几个'locais'。所以我正在使用这个表格

form

在右栏中，我希望用户键入包含图像文件的每个“locais”的数据。然后，当用户点击“Acrescentar Local”时，左侧的表格正在填充。但是，除了添加图像之外，它也会丢失文件。

我正在使用代码：

    <link rel="stylesheet" type="text/css" media="screen" href= "redmond/jquery-ui-1.10.3.custom.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="ui.jqgrid.css" />

    <script type="text/javascript" src="jquery-1.9.0.min.js"></script>
    <script src="grid.locale-en.js" type="text/javascript"></script>
    <script src="jquery.jqGrid.src.js" type="text/javascript"></script>
    <title>Untitled Document</title>
    </head>

    <body>
    <script language="javascript">
    var a=0;
    var clone = [];
    function addLoc()
    {
    /*  var tmp = jQuery('#foto').clone();
        clone.push(tmp[0]);*/



        /*document.getElementById('loc_table').innerHTML+="<tr><td>"+document.getElementById('local').value+"</td><td>"+document.getElementById('comp').value+"</td><td>"+document.getElementById('larg').value+"</td><td>"+clone[a]+"</td></tr>";*/


        document.getElementById('loc_table').innerHTML+="<tr><td>"+document.getElementById('local').value+"</td><td>"+document.getElementById('comp').value+"</td><td>"+document.getElementById('larg').value+"</td><td><input type='file' id='foto"+a+"'/></td></tr>";
        document.getElementById('foto'+a)=document.getElementById('foto');


        a++;
    /*
    "+document.getElementById('foto').value+"</td></tr>";
    */

    }
    </script>
    <table>
    <tr>
    <td>
    <form id='addPed' name='addPed' action='#' method='POST'>
    <table>
    <tr>
    <td><label for="nome">nome</label></td>
    <td><input type="text" id="nome" /></td></tr><tr>
    <td><label for="desc">descricao</label></td>
    <td><input type="text" id="desc" /></td></tr><tr>
    <td><label for="datai">data de insercao</label></td>
    <td><input type="text" id="datai" /></td></tr><tr>
    <td><label for="datae">data de entrega</label></td>
    <td><input type="text" id="date" /></td></tr><tr>
    <td></td>
    <td><input type="button" value="Adicionar pedido"/></td></tr>
    </table>
    <br/>
    LOCAIS:
    <br/>
    <br/>
    <table id="loc_table">
    <tr>
    <td class="tableheader">local</td>
    <td class="tableheader">comprimento</td>
    <td class="tableheader">largura</td>
    <td class="tableheader">foto</td>
    </tr>
    </table>
   <!-- </form> -->
    </td>
    <td>
    <!-- <form id='addLoc' name='addPed' action='#' method='POST'> -->
    <table>
    <tr>
    <td><label for="local">local</label></td>
    <td><input type="text" id="local" /></td></tr><tr>
    <td><label for="comp">comprimento</label></td>
    <td><input type="text" id="comp" /></td></tr><tr>
    <td><label for="larg">largura</label></td>
    <td><input type="text" id="larg" /></td></tr><tr>
    <td><label for="foto">foto</label></td>
    <td><input type="file" id="foto" /></td></tr><tr>
    <td></td>
    <td><input type="button" value="Acrescentar Local" onclick="addLoc()"/></td></tr>
    </table>
    </form>
    </td>
    </tr>
    </table>

任何人都可以给我一个解决方案！

由于

如何复制输入文件字段

0 个答案: