javascript - 无法显示本地文件中的图像并给出错误

标签 javascript html filereader fileapi

我想知道如何显示从本地系统上传的文件中的图像,因为我可以上传但无法显示上传文件中的图像,因为我收到以下内容错误:

XMLHttpRequest cannot load file:///D:/Users/Desktop/Image1.nii Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Uncaught Error: Loading failed Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'file:///D:/Users/Desktop/Image1.nii'.

但我可以像上面一样拖放或上传文件:http://slicedrop.com/

最佳答案

这是CORS(跨源资源共享)的工作示例。要禁用它,您可以在启动 Chrome 之前向其提供这些标志 -
在 Windows 上 - chrome.exe --allow-file-access-from-files
在 OSX 上 - open/Applications/Google\Chrome.app/--args --allow-file-access-from-files

关于javascript - 无法显示本地文件中的图像并给出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32817322/

相关文章:

javascript - 样式 "scoped"<style scoped> 属性在 chrome 36+ 中不受支持。有什么替代品或替代品吗?

javascript - 在 javascript 中通过 Lotus Notes 发送邮件

javascript - JSON : Convert Json For Chart CanvasJS

javascript - 如何根据屏幕截图自定义滚动条?

javascript - filereader shim,无法让它在 ie9 中工作

javascript | json解析

javascript - React 内联样式 - 用居中文本替换 tbody

html - flex-basis auto和0(零)的区别

javascript - 将 JavaScript 中的字符串与来自 css 内容的字符串进行比较

javascript - Angular:FileReader - 读取器执行次数过多