Filepicker.io:Pagespeed并从静态资源中删除查询字符串

西蒙·科姆利

因此,在通过Filepicker成功上传图像之后,我们将访问给定URL上的图像,并且在大多数地方使用传递的一些参数调用convert。我们将Amazon S3 Cloudfront用作filepicker前面的CDN,因为filepicker状态转换并不意味着高流量网站-足够公平。

我在使用convert时遇到的问题是,它固定了我们的Page speed,并且我们收到了所有Filepicker文件的“从静态资源中删除查询字符串”消息。

警告的原因是“某些代理缓存服务器未缓存URL中带有“?”的资源”。

有没有办法在保留转换功能的同时避免使用查询参数?

我很想提高自己的页面速度,但是在仍然使用Filepicker时看不到如何解决此特定问题。

克里斯蒂安格

与REST转换类似,有javascript filepicker.convert方法返回新的文件链接。

var blob = {
  url: 'https://www.filepicker.io/api/file/H7KYuWy1S3e1qvG2M66i',
  filename: 'customers.jpg',
  mimetype: 'image/jpeg',
  isWriteable: false,
  size: 629454
};

filepicker.convert(
  blob,
  {
    width: 200,
    height: 200
  },
  function(converted_Blob){
    console.log(converted_Blob.url);

    }
);

另一个解决方案是存储转换REST结果。

卷曲示例:

curl -X POST -d url="https://www.filepicker.io/api/file/H7KYuWy1S3e1qvG2M66i/convert?w=100" "https://www.filepicker.io/api/store/S3?key=yourApiKey&container=yourContainerName"

样本回复:

{"container": "yourContainerName", "url": "https://www.filepicker.io/api/file/383MY1piRQqTg1N9K5tw", "filename": "IMAG0038.jpg", "key": "XNeqfiMaRlm4OMAQIJ9y_IMAG0038.jpg", "type": "image/jpeg", "size": 1763}

这样,您可以创建服务器端转换

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

BlackBerry 10中FilePicker的问题

来自分类Dev

filepicker.io中文件的顺序

来自分类Dev

具有S3加密的Filepicker.io

来自分类Dev

Django:filepicker.io使用直通还是直接方法?

来自分类Dev

filepicker.io使用录像机时视频滞后

来自分类Dev

墨水Filepicker被Facebook IOS应用中的墙链接破坏了

来自分类Dev

FilePicker不断在图库中崩溃(WP 8.1 RT)

来自分类Dev

如何在FilePicker中获取上载的文件路径

来自分类Dev

FilePicker不断在图库中崩溃(WP 8.1 RT)

来自分类Dev

为什么我无法在我的HTML代码中实现filepicker.io?

来自分类Dev

filepicker.io当某些文件已使用pickAndStore完成但用户关闭模式时会发生什么?

来自分类Dev

如何使用filepicker.io在同一页面上创建多个放置窗格

来自分类Dev

使用filepicker.io JavaScript API暂停文件上传的最佳方法是什么?

来自分类Dev

使用iOS SDK的Filepicker.io + S3存储桶

来自分类Dev

使用Filepicker.io exportWidget将dataURL保存为图像

来自分类Dev

上传时如何从Filepicker.io获取S3网址

来自分类Dev

如何使用filepicker.io在同一页面上创建多个放置窗格

来自分类Dev

filepicker.io上传的路径是否必须包含现有文件夹?

来自分类Dev

与Google Cloud Storage集成时,filepicker.io所需的最低权限是什么?

来自分类Dev

如何使用'react-file-picker'中的FilePicker在React中显示用户上传的PDF?

来自分类Dev

使用node.js无法获取存储在filepicker中的文件的URL

来自分类Dev

Xamarin FilePicker阻止UserDialog

来自分类Dev

FilePicker 的“全选”选项

来自分类Dev

使用filepicker选择一个文本文件并将该文本文件的内容加载到Xamarin Android中的“编辑文本”中

来自分类Dev

如何将通过Filepicker发出的文件上载请求转换为使用PHP中的简单HTML File控件发出的类似请求?

来自分类Dev

Xamarin 使用 FilePicker 使用按钮选择文件

来自分类Dev

如何获取以#开头的单词并从字符串中删除

来自分类Dev

通过FilePicker进行访问时,StorageFolder.GetFolderFromPathAsync上的UnAuthorizedAccessException

来自分类Dev

流星和filepicker-plus软件包

Related 相关文章

  1. 1

    BlackBerry 10中FilePicker的问题

  2. 2

    filepicker.io中文件的顺序

  3. 3

    具有S3加密的Filepicker.io

  4. 4

    Django:filepicker.io使用直通还是直接方法?

  5. 5

    filepicker.io使用录像机时视频滞后

  6. 6

    墨水Filepicker被Facebook IOS应用中的墙链接破坏了

  7. 7

    FilePicker不断在图库中崩溃(WP 8.1 RT)

  8. 8

    如何在FilePicker中获取上载的文件路径

  9. 9

    FilePicker不断在图库中崩溃(WP 8.1 RT)

  10. 10

    为什么我无法在我的HTML代码中实现filepicker.io?

  11. 11

    filepicker.io当某些文件已使用pickAndStore完成但用户关闭模式时会发生什么?

  12. 12

    如何使用filepicker.io在同一页面上创建多个放置窗格

  13. 13

    使用filepicker.io JavaScript API暂停文件上传的最佳方法是什么?

  14. 14

    使用iOS SDK的Filepicker.io + S3存储桶

  15. 15

    使用Filepicker.io exportWidget将dataURL保存为图像

  16. 16

    上传时如何从Filepicker.io获取S3网址

  17. 17

    如何使用filepicker.io在同一页面上创建多个放置窗格

  18. 18

    filepicker.io上传的路径是否必须包含现有文件夹?

  19. 19

    与Google Cloud Storage集成时,filepicker.io所需的最低权限是什么?

  20. 20

    如何使用'react-file-picker'中的FilePicker在React中显示用户上传的PDF?

  21. 21

    使用node.js无法获取存储在filepicker中的文件的URL

  22. 22

    Xamarin FilePicker阻止UserDialog

  23. 23

    FilePicker 的“全选”选项

  24. 24

    使用filepicker选择一个文本文件并将该文本文件的内容加载到Xamarin Android中的“编辑文本”中

  25. 25

    如何将通过Filepicker发出的文件上载请求转换为使用PHP中的简单HTML File控件发出的类似请求?

  26. 26

    Xamarin 使用 FilePicker 使用按钮选择文件

  27. 27

    如何获取以#开头的单词并从字符串中删除

  28. 28

    通过FilePicker进行访问时,StorageFolder.GetFolderFromPathAsync上的UnAuthorizedAccessException

  29. 29

    流星和filepicker-plus软件包

热门标签

归档