jquery 如何获取上传文件本地路径
jQuery本身不支持获取上传文件的本地路径,这是由于浏览器的安全限制所致。为了保护用户的隐私,浏览器不允许JavaScript获取文件的本地路径。
然而,你可以使用FileReader来读取上传文件的内容,并将其显示在页面上或发送到服务器。下面是一个使用jQuery和FileReader的示例:
<input type="file" id="upload" />
<script>
$(document).ready(function() {
$('#upload').on('change', function(e) {
var file = e.target.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var contents = e.target.result;
// 在这里可以对文件内容进行操作,例如显示在页面上或发送到服务器
console.log(contents);
};
reader.readAsText(file);
});
});
</script>
上述代码中,我们通过change事件监听文件选择输入框的变化。当用户选择了文件后,我们获取到文件对象,然后创建一个FileReader对象。通过readAsText方法,我们将文件内容读取为文本,并在onload回调函数中获取到文件内容。你可以根据需要对文件内容进行进一步的操作。
需要注意的是,由于浏览器的安全限制,我们只能读取文件内容,而无法获取文件的本地路径
原文地址: http://www.cveoy.top/t/topic/ioVQ 著作权归作者所有。请勿转载和采集!