Question

我使用样本Sakila DB只是为了使用Twitters Typeahead.js进行一些测试和开发。使用XAMPP本地服务器环境。我有Typeahead按预期工作，从本地JSON文件中提取数据并检索电影名称，描述和类别。以下格式运作良好;

$('.demo .typeahead').typeahead(null, {

  displayKey: 'first_name',
  displayKey: 'lastname',
  engine: Handlebars,
  templates: {
    header: '<h1>Name</h1>',
    empty: [
      '<div class="empty-message">',
      'unable to find any Best Picture winners that match the current query',
      '</div>'
    ].join('\n'),
    suggestion: Handlebars.compile('<p><strong>{{name}}</strong></p> <p><em>{{lastname}}</em> </p> <p><em>{{category}}</em></p>')
  },
  engine: Handlebars,
  // `ttAdapter` wraps the suggestion engine in an adapter that
  // is compatible with the typeahead jQuery plugin
  source: countries.ttAdapter()
});

});

我现在要做的是深入研究并尝试为每部电影添加一个图像（或缩略图）（不是2000部电影中的每部电影，但我会以5的样本开始！）。

我的问题是什么是最好的方式1）上传图像，2）存储图像（格式，类型等）。我应该编码/解码为base64 / png还是更有效的方法？我应该链接到/ images目录中每个图像的位置吗？

感谢任何帮助，这只是一个促进我的发展和知识的个人项目。我已阅读了大量的教程并阅读了所有的Typeahead文档，但是关于图像显示却很少。

将图像存储/添加到现有DB中

0 个答案: