如何使用jquery将图像上传到文件夹

时间:2013-10-08 07:17:41

标签: jquery

我需要使用jquery将图像复制到另一个文件夹..请告诉我该怎么做。  我的HTML代码

<form id="f1" name="form1" method="post">

                <div id="divdrag1" ondragover="allowDrop(event)" >
                    <ul type="none">
                        <li><img src="smiley.png" draggable="true" ondragstart="drag(event)" class="srcImg" id="drag1" width="45" height="45" align="left"> </li>
                        <li><img src="pic1.jpg" draggable="true" ondragstart="drag(event)" class="srcImg" id="drag2" width="45" height="45"> </li>
                        <li><img src="pic4.jpg" draggable="true" ondragstart="drag(event)" class="srcImg" id="drag3" width="45" height="45"> </li>
                        <li><img src="pic3.jpg" draggable="true" ondragstart="drag(event)" class="srcImg" id="drag4" width="45" height="45"> </li>


                    </ul>
                </div>

                <div>
                    <div id="div2" ondrop="drop(event)" ondragover="allowDrop(event)"></div>

                </div>
                <input type="button" value="Clear" onclick="document.getElementById('div2').innerHTML='';">
                <button id="mybutton"  style="display:none;"></button>
                <input type="hidden" id="txtname" >
                <input type="button" name="btsubmit" id="btsubmit" value="AlertMe">
        </form>

我的jquery代码

$(document).ready(function(){               
                $('#btsubmit').click(function(){

                        var imagesrc = document.getElementById("ClonedElementX").src;
                        alert(imagesrc)
                });
            });

我不知道如何将图像复制到文件夹。我得到了源路径。

请帮助我

1 个答案:

答案 0 :(得分:0)

您必须使用服务器端脚本。更好地使用PHP

可能这可以帮到你

http://www.w3schools.com/php/func_filesystem_move_uploaded_file.asp