使用javascript示例上传cloudinary图片

时间:2015-09-22 06:35:56

标签: image file-upload cloudinary

我使用javascript和jquery运行一个程序进行云图像上传,而不使用server.my问题是我按照cloudinary jquery插件的说明,但图像没有上传。请发布回答。 我的代码正在关注

<html>
<head>
 <script type="text/javascript">
     $.cloudinary.config({cloud_name:'mycloudname', api_key:’myapikey'});
          $.ajax({
           url: 'http://res.cloudinary.com/mycloudname/image/upload/v1442240142/',
           type: 'POST',
           success: function (response) {
               $('#uploadinput').attr('data-form-data', response);
           }
       });
   </script>
   </head>
   <body>
<script src='js/jquery.min.js' type='text/javascript'></script>
<script src='js/jquery.ui.widget.js' type='text/javascript'></script>
<script src='js/jquery.iframe-transport.js' type='text/javascript'></script>
<script src='js/jquery.fileupload.js' type='text/javascript'></script>
<script src='js/jquery.cloudinary.js' type='text/javascript'></script>
<input name="file" type="file" id="File1" class="cloudinary-fileupload" data-cloudinary-field="image_upload"></input>

   </body>
   </html>

1 个答案:

答案 0 :(得分:0)

这里有各种各样的问题:

  1. 网址应该不同,例如

    JFrame
  2. 如果您不想使用服务器,则应使用未签名的上传,您还必须包含上传预设。
  3. 有关详细信息,请查看以下内容: http://cloudinary.com/blog/direct_upload_made_easy_from_browser_or_mobile_app_to_the_cloud