Where is the javascript code to put on the web-server? about nsfwjs HOT 8 CLOSED

Thanks a lot for your help.
It's working fine now.

from nsfwjs.

Hi @bongobongo

The Readme has a section titled "How to use the module", which is located here:
https://github.com/infinitered/nsfwjs#how-to-use-the-module

The readme then goes on to describe the API of the module. Can you try these, and if they are not useful for you, could you elaborate on how you are limited?

from nsfwjs.

One more note bongo! I see you saying "web server" so if you're hosting with node (server side), you can use this library there as well. See the FAQ: https://github.com/infinitered/nsfwjs/wiki/FAQ:-NSFW-JS

from nsfwjs.

Okay, but if nsfwjs is just plain client side javascript, then I do not understand why the javascript files is not available here as it should be used on the client side.
Do I need node.js to make this work or not?

No node.js is available on the web-servers I use.

Just using this line client side:
import * as nsfwjs from 'nsfwjs';

gives this error in javascript:
"Unexpected token *"

from nsfwjs.

ok good just client side JavaScript.

No need for node if you're hosting the files for client JS.

Is your JavaScript es6+? Are you looking to use script tags? It sounds to me like you need a non NPM example.

from nsfwjs.

Here, I've made the simplest possible example: Please let me know if this helps.

https://github.com/infinitered/nsfwjs/blob/master/example/minimal_demo/index.html

<!-- Load TensorFlow.js. This is required -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]"></script>
<!-- Load the NSFWJS library. -->
<script src="https://s3.amazonaws.com/ir_public/nsfwjscdn/bundle.js"></script>

<script>
  const nsfwjs = require('nsfwjs')
  const img = new Image()
  img.crossOrigin = 'anonymous'
  // some image here
  img.src = 'https://i.imgur.com/Kwxetau.jpg'
  // Load the model.
  nsfwjs.load().then(model => {
    // Classify the image.
    model.classify(img).then(predictions => {
      console.log('Predictions', predictions)
    })
  })
</script>
<pre>Checkout console.log output for results!</pre>

from nsfwjs.

This is getting closer to something I can use.
The code you provided do work, but:
What I need to do now is to be able to call model.classify in a separate function.
So I tried this:

const nsfwjs = require('nsfwjs')
const model = nsfwjs.load();

Then in function analyzeImage I put this code:

const img = new Image();
img.crossOrigin = 'anonymous';
img.src = 'http://localhost/atest-code/geocode/pixlab/images/35.jpg';
predictions = model.classify(img);
console.log('Predictions: ', predictions);

WHAT happens now is that I click a button which run the analyzeImage function, I get this error:
"model.classify is not a function"

So how do I use the "model.classify(img)" from within a function like this?
I would not like to load the model each time an image is classified, if possible to avoid.

from nsfwjs.

So the issue looks like scope.

One way to keep a reference to a variable is to fasten it on your global window object. Like
“window.model = nsfwjs.load()”

And you can later access it with window.model

from nsfwjs.