精华内容
下载资源
问答
  • js根据路径获取本地文件流信息

    万次阅读 2018-05-08 15:04:04
    案例:在系统中使用签字笔产生的图片直接传到服务器,不通过input上传,本人是没法获取数据流,解决方案;使用图片转base64 代码如下: var img = "http://127.0.0.1:8010/DrawImage.JPG&...

    案例:在系统中使用签字笔产生的图片直接传到服务器,不通过input上传,本人是没法获取数据流,解决方案;使用图片转base64
    代码如下:

    var img = "http://127.0.0.1:8010/DrawImage.JPG";
        function getBase64Image(img) {
            var canvas = document.createElement("canvas");
            canvas.width = img.width;
            canvas.height = img.height;
    
            var ctx = canvas.getContext("2d");
            ctx.drawImage(img, 0, 0, img.width, img.height);
            var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
            var dataURL = canvas.toDataURL("image/"+ext);
            return dataURL;
        }
        var image = new Image();
        image.crossOrigin = '';
        image.src = img;
        image.onload = function(){
            var base64 = getBase64Image(image);
            console.log(base64);
        }

    console出来的,获取到的base64串,base64可以直接作为图片显示的src
    @@:一般项目都会涉及跨域问题,上面的图片地址也涉及到了跨域,解析见下一篇(nginx解决跨域问题)

    展开全文
  • 前几天用到了这个功能,已知对象对象路径(字符串格式 ,如:"a.b.c"),需要取对象的值。... // 根据对象路径获取对象值 getValueByObjPath (obj, path) { const paths = path.split('.'); let res = obj;

    前几天用到了这个功能,已知对象和对象路径(字符串格式 ,如:"a.b.c"),需要取对象的值。

    网上寻了一段大神的代码,一层一层查对象的值:

    原文地址:https://blog.csdn.net/hggl_bera/article/details/113811740

        // 根据对象路径获取对象值
        getValueByObjPath (obj, path) {
          const paths = path.split('.');
          let res = obj;
          let tempPath;
          // 此处本来可以写成 while (tempPath = paths.shift()) ,但是eslint 报错:不能在判断的地方赋值
          while ((function () { tempPath = paths.shift(); return tempPath; })()) {
            res = res[tempPath];
          }
          return res;
        }

    效果挺好,可以实现需求,用起来也挺不错的~

    然而……今天,同事看我代码的时候说,lodash有方法( _.get(obj, path) )可以直接用-_-! 瞬间觉得还是要多读书,活到老学到老呀,怪我对lodash不熟悉~

    lodash 引入自己看哈,方法也有,我把lodash 的文档贴出来,慢慢看~

    Gets the value at path of object. If the resolved value is undefined, the defaultValue is returned in its place.
    
    _.get(object, path, [defaultValue])

    lodash官方文档: https://lodash.com/docs/4.17.15#get

    记录一下,以后实现什么功能需要先查一下资料,可别重复造轮子了~

     

    展开全文
  • Javascript 获取当前JS文件路径

    万次阅读 2017-03-31 09:09:46
    1.原生Javascript获取当前JS文件路径 var file, scripts = document.getElementsByTagName("script"); file = scripts[scripts.length - 1].getAttribute("src"); 2. 在jQuery中获取当前JS文件路径 $("script")....

    1.原生Javascript获取当前JS文件路径

    var file, scripts = document.getElementsByTagName("script"); 
    file = scripts[scripts.length - 1].getAttribute("src");

    2. 在jQuery中获取当前JS文件路径

    $("script").last().attr("src");

    注意,我们一般把这行代码放到文件的开头,让文件加载的时候就立即执行,这样页面中的script元素中,当前文件恰好是最后一个script。我们千万不要把这行代码放到

    $(document).ready(); 
    $(function(){   });
    中运行,因为如果放到这些语句中去的话,页面的DOM对象已经加载完毕,当前的script就不一定是最后一个script了,从而导致获取的路径不正确。

    3.JavaScript获取当前文件全路径、当前目录、当前文件名

    //获取当前文件全路径
    
    <script language="javascript">
    
    alert(window.location.href);
    
    alert(window.location);
    
    alert(location.href);
    
    alert(parent.location.href);
    
    alert(top.location.href);
    
    alert(document.location.href);
    
    alert(document.URL);
    
    </script>
    
    //获取当前目录方法
    
    <script type="text/javascript">
    
    //方法一
    
    var str = location.href;
    
    var arr = str.split("/");
    
    delete arr[arr.length-1];
    
    var dir = arr.join("/");
    
    alert(dir);
    
    //方法二
    
    alert(location.href.substring(0,location.href.lastIndexOf('/')));
    
    </script>
    
    //获取当前文件名
    
    <script   language=javascript>  
    
    var  filename=location.href;
    
    filename=filename.substr(filename.lastIndexOf('/')+1);  
    
    alert(filename);  
    
    </script>
    
    


    展开全文
  • 不幸的是,@ BrianFreud的答案并不符合我的需求,我有一点不同的需求,我知道这不是@BrianFreud的问题的答案,但是我将它留在这里是因为很多 有同样需要的人来到这里 我需要像“如何从URL获取文件或blob”这样的内容...

    不幸的是,@ BrianFreud的答案并不符合我的需求,我有一点不同的需求,我知道这不是@BrianFreud的问题的答案,但是我将它留在这里是因为很多 有同样需要的人来到这里 我需要像“如何从URL获取文件或blob”这样的内容?&#39;,当前正确的答案不符合我的需求,因为它不是跨域的。

    我有一个网站,它使用来自Amazon S3 / Azure存储的图像,并在那里存储以uniqueidentifiers命名的对象:

    样本:[http://****.blob.core.windows.net/systemimages/bf142dc9-0185-4aee-a3f4-1e5e95a09bcf]

    其中一些图像应该从我们的系统界面下载。为了避免通过我的HTTP服务器传递此流量,因为此对象不需要访问任何安全性(除了域过滤),我决定在用户的浏览器上直接请求并使用本地处理来提供文件 真实姓名和扩展名。

    为了实现这一目标,我使用了Henry Algus撰写的这篇精彩文章:[http://www.henryalgus.com/reading-binary-files-using-jquery-ajax/]

    1.第一步:向jquery添加二进制支持

    /**

    *

    * jquery.binarytransport.js

    *

    * @description. jQuery ajax transport for making binary data type requests.

    * @version 1.0

    * @author Henry Algus

    *

    */

    // use this transport for "binary" data type

    $.ajaxTransport("+binary", function (options, originalOptions, jqXHR) {

    // check for conditions and support for blob / arraybuffer response type

    if (window.FormData && ((options.dataType && (options.dataType == 'binary')) || (options.data && ((window.ArrayBuffer && options.data instanceof ArrayBuffer) || (window.Blob && options.data instanceof Blob))))) {

    return {

    // create new XMLHttpRequest

    send: function (headers, callback) {

    // setup all variables

    var xhr = new XMLHttpRequest(),

    url = options.url,

    type = options.type,

    async = options.async || true,

    // blob or arraybuffer. Default is blob

    dataType = options.responseType || "blob",

    data = options.data || null,

    username = options.username || null,

    password = options.password || null;

    xhr.addEventListener('load', function () {

    var data = {};

    data[options.dataType] = xhr.response;

    // make callback and send data

    callback(xhr.status, xhr.statusText, data, xhr.getAllResponseHeaders());

    });

    xhr.open(type, url, async, username, password);

    // setup custom headers

    for (var i in headers) {

    xhr.setRequestHeader(i, headers[i]);

    }

    xhr.responseType = dataType;

    xhr.send(data);

    },

    abort: function () {

    jqXHR.abort();

    }

    };

    }

    });

    2.第二步:使用此传输类型发出请求。

    function downloadArt(url)

    {

    $.ajax(url, {

    dataType: "binary",

    processData: false

    }).done(function (data) {

    // just my logic to name/create files

    var filename = url.substr(url.lastIndexOf('/') + 1) + '.png';

    var blob = new Blob([data], { type: 'image/png' });

    saveAs(blob, filename);

    });

    }

    现在您可以根据需要使用Blob,在我的情况下,我想将其保存到磁盘。

    3.可选:使用FileSaver将文件保存在用户的计算机上

    我已经使用FileSaver.js将下载的文件保存到磁盘,如果你需要完成它,请使用这个javascript库:

    [https://github.com/eligrey/FileSaver.js/]

    我希望这可以帮助其他更具体需求的人。

    展开全文
  • js获取file控件的文件名不要路径实例。。js获取file控件的文件名不要路径实例。。不要文件路径就要文件名。文RunJSvar ck=function(inp){alert(inp.value.replace(/.*\\([^\\]+)$/,"$1"));};怎么用js获取 file...
  • 最近在做课程设计,需要通过js读取本地文件,并且获取本地文件路径,然后在搜寻了一些资料,在此分享记录一下.HTML5提供了一台API可以实现文件的读写,文件读取利用API是FileReader代码如下:读取本地文件Document//点击...
  • 主要介绍了html5中将图片的绝对路径转换成文件对象,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 当写模块加载器时,获取当前脚本文件的绝对路径作为基础路径是必不可少的一步,下面我们一起来探讨一下这个问题吧! 一、各大浏览器的实现方式   [a]. Chrome和FF  超简单的一句足矣! var getCurrAbsPath = ...
  • nodejs可以直接根据文件路径读取文件,不需要从input标签获取,但是读文件的时候发现格式转来转去好麻烦,先记录一个 // 获得文件md5 getFileMD5(localFilePath, callback) { var stateInfo = fs.statSync...
  • js 根据相对路径获取绝对路径

    千次阅读 2019-11-29 11:08:28
    项目中需要根据相对路径来透过第三方网络工具(也是自己写的)发起请求. web端一般不会直接给你绝对路径,这时就需要根据前端提供的相对路径生成绝对路径. 相对路径中可能含有./,../,第一感觉简单的要死,自己写个解析不...
  • 最近使用vue做了个项目,把本地指定url下的png图片上传。 废话不多说,直接上代码: var fs = require('fs') //需要引入... * @param {*} path 文件上传路径 * @param {*} id 文件上传参数(id) * @param {*} n
  • 本文讲述JavaScript简称JS如何利用location对象获取页面url地址(href),服务器地址(hostname),服务器端口号(port),context path,项目部署路径或项目根路径及url查询参数解析,涉及location对象各属性读取、字符串...
  • HTML5提供了一台API可以实现文件的读写,文件读取利用API是FileReader代码如下:读取本地文件&lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset=&...
  • 语言是JS,能获取手机相册里的图片路径,然后怎么根据这个路径初始化一个文件对象
  • js 获取文件本地路径

    千次阅读 2018-02-28 19:30:00
    1.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...获取文件本地路径</title> <script src="jquery-1.8.2.js"></script> </hea...
  • 使用js获取上传文件路径

    万次阅读 2018-01-31 16:41:45
    通过js的onchange事件获取上传文件路径时,返回的是C:fakepath文件名,隐藏了真实的物理路径,可以使用window.URL.createObjectURL()返回一个Blob对象,Blob对象就是二进制数据,它是一个包含有只读原始数据的类...
  • 获取当前Javascript脚本文件路径

    万次阅读 2015-05-22 14:49:49
    获取当前Javascript脚本文件路径获取当前Javascript脚本文件的路径,在特定场景下可能需要,比如写模块加载器,或者进行日志记录。并没有统一的方法适用于所有浏览器,本文分几种情况进行说明。
  • 今天遇到一个问题,项目js使用formData 上传文件,每次添加一个文件就在formData中添加一个file对象,以这种方式 form.append("file", $("#file")[0].files[0]); 添加,但是每次添加的file都用的同一个 key名:file...
  • 1.如何得到File对象 File类最常用的构造方法有两个,File(String pathname) 及File(URI uri) ,其中最最常用的构造方法是File(String pathname),其中这个字符串参数值得探讨一下: 源码中注释是这样写的:  /**  ...
  • js能不能根据文件路径,将文件转化成文件流?请大神帮忙写个demo。。。。谢谢谢谢
  • FileReader ...FilerReader.readAsDataURL() 用于读取文件,是一个异步API 具体使用方法如下: // 此代码用于将用户选择的文件展示在相应的位置 var file = document.querySelector('#file'); ...
  • html5中将图片的绝对路径转换成文件对象 将图片的绝对路径转换成base64编码,请看这篇文章 我们先来理解基本知识点: 1. 理解HTML5中的FileList对象与file对象。 在HTML5中,FileList对象表示用户选择的文件...
  • 还有一旦这个包被启用,你只需要做 这个简单的工作 FOSJsRoutingBundle 很简单捆绑 Routing.generate('my_route_to_expose', { id: 10 }); // will result in /foo/10/bar ... 您的JS: (...) url: yourRoute, (...)
  • js实现获取文件的全路径

    千次阅读 2013-03-17 14:19:09
         JS获取文件域完整路径的方法,兼容不同浏览器      function showPath(obj) {  var fileInfo = getPath(obj);  if (fileInfo){  alert(fileInfo.path + ":" + f
  • JavaScript 文件对象File

    千次阅读 2021-01-21 15:51:45
    在浏览器中操作文件,多数情况下用到的是 File 对象,从<...Blob 对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。 Blob构造函数 Blob(array[, options]) ar

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 151,977
精华内容 60,790
关键字:

js根据路径获取文件对象