Question

可能重复：
Native Drag + Drop file upload in Firefox 3.6

我需要在chrome中获取图像文件的完整路径，例如： "C:\Documents and Settings\mickey\Desktop\WorkSpace\images\flag_template_colour.gif" .. 实际上我正试图在iframe中以铬合金的形式拖放图像。现在除{1}之外在iframe中拖放图像时一切正常，现在我需要获取图像的完整路径，以便将image src设置为我的本地系统映像文件。在下面的代码我已经将图像src设置为我的本地系统映像文件，这是硬编码，这不是很方便.... 在我的代码中，我已经把

_image.src = "../images/flag_template_colour.gif";

相反，我不想使用硬编码值。

这里是iframe中拖放图像的完整代码。有一些Javascript代码/方法/属性，它给了我完整的图像路径。

<html>
    <head>
        <script>

        function InsertImage(ev)
        {
            alert("dragged and dropped");
            var _target = ev.target;

            var dt = ev.dataTransfer,
            files = dt.files,
            count = files.length;

                for(var i in files) // Gi
            {
                console.log(i);
                console.log("1111:: "+files[i]); // this also didnot give me any value that i can use to get image full pat ....
            }

            var _image = document.createElement("image");

            _image.src = "../images/flag_template_colour.gif";  // this is my local system  specific image location

            var nodeToImport = _doc.importNode(_image, true);
            //nodeToImport can now be added to the iframe document

            var _sel = _win.getSelection();
            if(!_sel.isCollapsed)
            {
                _sel.deleteFromDocument();
            }
            try
            {
                var _range = _sel.getRangeAt(0);
            }
            catch(e)
            {
                _range = _doc.createRange();
            }
            if(!_range)
            {
                _range = _doc.createRange();
            }
            try
            {
                //  _range.insertNode(_image);
            }
            catch(e)
            {
                alert("1111::  "+e);
            }



            _range.insertNode(nodeToImport);  //inserts external image node at range position..


        }

        function init()
        {
            _iframe =   document.createElement("iframe");
            _iframe.id = "view";
            _iframe.style.height = "250px";
            _iframe.style.width = "600px";
            _iframe.style.top =   "20px";
            _iframe.style.left = "200px";
            _iframe.style.position = "absolute";
            _iframe.style.border = "2px solid lightBlue";
            document.body.appendChild(_iframe);
            _iframe.contentDocument.designMode="on";//No I18N
            _win = _iframe.contentWindow;
            _win.focus();
            _doc = _win.document; //making it global variable

            _doc.body.innerHTML = "<p>aaaa bbbb cccc dddd eeee ffff gggg hhhh iiii jjjj kkkk llll mmmm nnnn oooo pppp qqqq rrrr ssss tttt uuuu vvvv wwww xxxx yyyy zzzz</p>";
            _doc.addEventListener("dragover",InsertImage,false);

        }

    </script>
</head>
<body onLoad="init()">
    <div style="position:absolute;top:300px;left:100px ">
        <p> this si a testing doc.here, we test the things</p>
    </div>
</body>
</html>

我如何获得完整的图像路径？我会将src图像设置为我的本地图像文件的完整路径，我不想使用硬代码值。

让我在这里修改一下我的问题...... 我需要在iframe中拖放图像时获取图像文件的相对路径... 喜欢../../flag.gif ??? 任何有效的解决方案？上面的脚本运行正常，但我已经硬编码了图像src ..我宁愿不想这样做，并且想要将图像src设置为图像的相对路径，当用户在iframe上删除图像时，该图像被拖出。

Chrome： - 获取完整的图片路径

0 个答案: