Question

我正在构建一个模块，其中用户可以发布他们的数据。我有很少的文本字段和一个图像，通过HTML输入控件上传时需要预览。

我的方法：

HTML部分：

    <div class="divClass" id="FirstAd">
<h4 align="center">
        Advertisement 1</h4>
    <div style="float: left; width:25%">
        <img src="images.jpg" id="replaceMe" width="100px" height="130px" /></div>
    <div style="float: right; width:70%; left:30%">
        <input type="text" style="width: 197px" /><br />
        <br />
        <textarea class="AdContent"></textarea><br />
        <br />
        <input type="file" id="myImage" size="30" onchange="pictureUpload()" /><br />
        <input type="button" value="Preview!"/><br/>
    </div>
</div>

j查询部分：

      function pictureUpload() {
        $(document).ready(function() {
            var imagepath = "file:\\" + $("#myImage").val();
            $("#replaceMe").attr("src", imagepath);
            alert(imagepath);
        });
    }

能够只获取扩展名而不是路径的文件名。

还有其他选择吗？还是一些jquery插件？或者我们可以检索隐藏字段内的路径，因为它是一种防止从文件输入中检索路径的安全措施吗？

Answer 1

你不能这样做。 input type="file"具有安全性，因此您无法直接从JavaScript访问该文件。

Answer 2

我不确定它是否能满足您的要求。但试试这个链接：

php & jquery upload image and preview display instantly

Answer 3

可以通过这种方式完成

中存在堆栈溢出的帖子

by Ivan--thanks Ivan

在jquery中获取文件输入值

3 个答案: